<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Rishabhh Pandey</title>
    <description>The latest articles on DEV Community by Rishabhh Pandey (@rishabhpandey).</description>
    <link>https://dev.to/rishabhpandey</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4179038%2Fd0d41ed3-de83-4de3-be3d-e1db80b506d7.png</url>
      <title>DEV Community: Rishabhh Pandey</title>
      <link>https://dev.to/rishabhpandey</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/rishabhpandey"/>
    <language>en</language>
    <item>
      <title>How I Built AlumIQ A Production Ready Mern Stack Generative Ai Alumni Intelligence Platform</title>
      <dc:creator>Rishabhh Pandey</dc:creator>
      <pubDate>Tue, 27 Oct 2026 15:10:38 +0000</pubDate>
      <link>https://dev.to/rishabhpandey/how-i-built-alumiq-a-production-ready-mern-stack-generative-ai-alumni-intelligence-platform-e0a</link>
      <guid>https://dev.to/rishabhpandey/how-i-built-alumiq-a-production-ready-mern-stack-generative-ai-alumni-intelligence-platform-e0a</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fyq52q01jglbsow5x9zvu.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fyq52q01jglbsow5x9zvu.png" alt="AlumIQ Dashboard User Management and Alumni Profiles Modules" width="800" height="264"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Ffpccizzxkj5tktjfmc1e.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Ffpccizzxkj5tktjfmc1e.png" alt="AlumIQ Job Board Events and Directory Hub Modules" width="799" height="249"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F15ikfcbbafmz9p3vqrzz.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F15ikfcbbafmz9p3vqrzz.png" alt="AlumIQ Mentorship Hub Contribution Impact and Verification Hub Modules" width="800" height="260"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fn5d99la49mnepyoml4q2.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fn5d99la49mnepyoml4q2.png" alt="AlumIQ Chapters Management Module" width="695" height="431"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fizeio6d5ucmdcpd8ggy6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fizeio6d5ucmdcpd8ggy6.png" alt="AlumIQ Powered by Groq AI Neural Intelligence" width="800" height="375"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F5af1ra09ppwx4dy12s6m.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F5af1ra09ppwx4dy12s6m.png" alt="AlumIQ Ready to Explore Call to Action" width="799" height="267"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Existing Alumni Management Tools Are Either Too Basic Just A Static Directory Or Too Complex Enterprise Erps Most Universities And Alumni Networks Still Rely On Spreadsheets To Manage Chapters Track Job Referrals And Verify Credentials There Is No Middle Ground&lt;/p&gt;

&lt;p&gt;So I Built AlumIQ A Full Stack Alumni Intelligence Platform That Combines Real Time Community Engagement With Generative Ai And Neural Matching&lt;/p&gt;

&lt;p&gt;Here Is The Complete Breakdown Of How It Works&lt;/p&gt;

&lt;p&gt;━━━━━━━━━━━━━━━━━━&lt;/p&gt;

&lt;p&gt;🛠️ The Tech Stack&lt;/p&gt;

&lt;p&gt;⚛️ Frontend - React Js Vite Tailwind Css V4&lt;/p&gt;

&lt;p&gt;🟢 Backend - Node Js Express Js&lt;/p&gt;

&lt;p&gt;🍃 Database - Mongo Db Mongoose&lt;/p&gt;

&lt;p&gt;⚡ Real Time - Socket Io&lt;/p&gt;

&lt;p&gt;🤖 Ai Layer - Groq Llm Openai Gpt Oss 120b&lt;/p&gt;

&lt;p&gt;🧠 Neural Matching - Tensor Flow Js Universal Sentence Encoder&lt;/p&gt;

&lt;p&gt;☁️ Image Upload - Cloudinary Plus Multer&lt;/p&gt;

&lt;p&gt;📧 Email And Otp - Nodemailer&lt;/p&gt;

&lt;p&gt;🔴 Caching And Deduplication - Redis Ioredis&lt;/p&gt;

&lt;p&gt;🔐 Authentication - Jwt Bcryptjs Otp&lt;/p&gt;

&lt;p&gt;━━━━━━━━━━━━━━━━━━&lt;/p&gt;

&lt;p&gt;🎯 The 10 Core Modules&lt;/p&gt;

&lt;p&gt;1️⃣ Dashboard&lt;/p&gt;

&lt;p&gt;Real Time Kpi Cards Showing Total Alumni Active Jobs Upcoming Events Chapters And Verified Alumni&lt;/p&gt;

&lt;p&gt;All Data Is Fetched Live Using Mongo Db Aggregation Pipelines&lt;/p&gt;

&lt;p&gt;2️⃣ Authentication&lt;/p&gt;

&lt;p&gt;Register Login Email Otp Verification 2fa Password Reset&lt;/p&gt;

&lt;p&gt;Jwt With Access Plus Refresh Tokens&lt;/p&gt;

&lt;p&gt;A Secure Session Aware Axios Interceptor Auto Logs Out Users If The Token Expires&lt;/p&gt;

&lt;p&gt;3️⃣ Alumni Management&lt;/p&gt;

&lt;p&gt;Full Crud With Profile Details Skills And Auto Filled Geographic Coordinates&lt;/p&gt;

&lt;p&gt;Admins Can Compare Up To 4 Alumni Side By Side Schedule Re Verifications And Perform Bulk Actions&lt;/p&gt;

&lt;p&gt;4️⃣ Chapter Hub&lt;/p&gt;

&lt;p&gt;Regional And Industry Based Chapters With Join Requests Member Approvals And Co Admin Assignment&lt;/p&gt;

&lt;p&gt;Features Discussion Boards Cloudinary Gallery Uploads And A Leaflet Powered Global Heatmap Of Chapters&lt;/p&gt;

&lt;p&gt;5️⃣ Job Board&lt;/p&gt;

&lt;p&gt;Full Crud For Job Postings With A Redis Based Deduplication System To Track Unique Views&lt;/p&gt;

&lt;p&gt;Prevents Users From Artificially Inflating Views&lt;/p&gt;

&lt;p&gt;Applicants Can Shortlist And Save Jobs&lt;/p&gt;

&lt;p&gt;6️⃣ Event Management&lt;/p&gt;

&lt;p&gt;Create Events Physical Or Virtual Manage Rsvps With Waitlists And Check In Attendees&lt;/p&gt;

&lt;p&gt;The Rsvp Flow Is Powered By Socket Io When A User Rsvps The Attendee Count Updates Instantly For Everyone On The Page&lt;/p&gt;

&lt;p&gt;7️⃣ Mentorship Hub&lt;/p&gt;

&lt;p&gt;Manage Mentor And Mentee Sessions With Feedback Ratings Action Items And Goal Tracking&lt;/p&gt;

&lt;p&gt;8️⃣ Contribution Tracking&lt;/p&gt;

&lt;p&gt;Track Alumni Giving Back Mentorship Hiring Donation Etc&lt;/p&gt;

&lt;p&gt;Includes Visual Breakdowns By Type And An Ai Generated Economic Impact Narrative&lt;/p&gt;

&lt;p&gt;9️⃣ Verification Hub&lt;/p&gt;

&lt;p&gt;Verify Alumni Credentials Education Employment Identity Using An Immutable Audit Log&lt;/p&gt;

&lt;p&gt;If Records Do Not Match The System Flags Them As Under Review Rather Than Auto Blocking Allowing Admins To Manually Review And Add Rejection Reasons&lt;/p&gt;

&lt;p&gt;🔟 Directory And Directory Hub&lt;/p&gt;

&lt;p&gt;A Central Command Center With A Watchlist Pinning&lt;/p&gt;

&lt;p&gt;Features A 24 Hour Timeline Scrubber For Real Time Activity Replay Sensitive Zones High Value Alumni Clusters And A 30 Day Forecast Strip&lt;/p&gt;

&lt;p&gt;━━━━━━━━━━━━━━━━━━&lt;/p&gt;

&lt;p&gt;🤖 The Generative Ai And Neural Layer&lt;/p&gt;

&lt;p&gt;Every Module Has A Dedicated Ai Service Powered By Groq Llm But I Did Not Just Rely On Prompt Engineering I Combined It With Tensor Flow Universal Sentence Encoder 512 Dim Embeddings&lt;/p&gt;

&lt;p&gt;Here Are The Ai Capabilities&lt;/p&gt;

&lt;p&gt;🎓 Alumni Ai - Bio Writer Industry Suggester Skills Suggester Matchmaker Career Path Advisor&lt;/p&gt;

&lt;p&gt;🏛️ Chapter Ai - Description Writer Event Idea Generator Growth Advisor Recap Writer&lt;/p&gt;

&lt;p&gt;💼 Job Ai - Jd Writer Salary Advisor Matchmaker Market Trends Overlap Detection&lt;/p&gt;

&lt;p&gt;📅 Event Ai - Description Writer Invite Writer Schedule Advisor&lt;/p&gt;

&lt;p&gt;🤝 Mentorship Ai - Mentor Bio Matchmaker Agenda Writer Session Summary&lt;/p&gt;

&lt;p&gt;🛡️ Verification Ai - Regulatory Explainer Rejection Narrator Batch Grade Justification&lt;/p&gt;

&lt;p&gt;🌟 Contribution And Directory Ai - Network Explainer Industry Storyteller Sensitivity Advisor&lt;/p&gt;

&lt;p&gt;🧠 The Hybrid Ai Approach Tensor Flow Plus Groq&lt;/p&gt;

&lt;p&gt;For Matchmaking Alumni Jobs Mentors I First Use Tensor Flow To Calculate The Cosine Similarity Between Text Embeddings Finding The Top Mathematically Similar Profiles&lt;/p&gt;

&lt;p&gt;Then I Pass Those Pre Filtered Candidates To Groq Llm To Explain Why They Match And Generate Outreach Strategies&lt;/p&gt;

&lt;p&gt;━━━━━━━━━━━━━━━━━━&lt;/p&gt;

&lt;p&gt;💡 Key Engineering Decisions&lt;/p&gt;

&lt;p&gt;🛡️ Json Mode - Every Ai Prompt Forces The Llm To Return Valid Json This Prevents Parsing Errors And Broken Ui&lt;/p&gt;

&lt;p&gt;🧹 Clean Value Helper - The Ai Sometimes Returns Placeholder Values Like N A Or A Hyphen This Helper Sanitizes Them Before They Reach The Frontend&lt;/p&gt;

&lt;p&gt;🔄 Post Processing - After Every Ai Response Arrays Are Filtered To Remove Invalid Values Generation Plus Cleanup Is The Reliable Pattern&lt;/p&gt;

&lt;p&gt;⚡ Redis For View Deduplication - In The Jobs Module I Used Redis With A 1 Hour Ttl To Prevent Fake View Inflation If Redis Goes Down The App Gracefully Degrades&lt;/p&gt;

&lt;p&gt;📡 Room Based Socket Io - For Events I Did Not Broadcast Rsvp Updates To Everyone Clients Join Specific Rooms This Keeps Bandwidth Low&lt;/p&gt;

&lt;p&gt;☁️ Stateless Image Uploads - Instead Of Saving Avatars To Local Disk I Used Multer Memory Storage And Streamed The Buffer Directly To Cloudinary&lt;/p&gt;

&lt;p&gt;━━━━━━━━━━━━━━━━━━&lt;/p&gt;

&lt;p&gt;🔐 Security Architecture&lt;/p&gt;

&lt;p&gt;🔑 Jwt Authentication With Access And Refresh Tokens&lt;/p&gt;

&lt;p&gt;📧 Email Otp Verification 6 Digits 1 Min Expiry Required Before Login&lt;/p&gt;

&lt;p&gt;🔒 Optional 2fa Via Email Otp&lt;/p&gt;

&lt;p&gt;🛡️ Password Reset Via Otp And Short Lived Jwt Purpose Password Reset&lt;/p&gt;

&lt;p&gt;⏱️ Rate Limiting 500 Requests Per 15 Min Global 50 Requests Per 15 Min For Auth Endpoints&lt;/p&gt;

&lt;p&gt;🚦 Helmet Js For Http Headers Cors With Credentials&lt;/p&gt;

&lt;p&gt;🔐 Bcrypt Password Hashing 10 Salt Rounds&lt;/p&gt;

&lt;p&gt;📝 Immutable Audit Logs For Verifications&lt;/p&gt;

&lt;p&gt;━━━━━━━━━━━━━━━━━━&lt;/p&gt;

&lt;p&gt;🎨 Ui Design Philosophy&lt;/p&gt;

&lt;p&gt;✨ Glassmorphism On Every Card Using Bg Black 40 Backdrop Blur Md Border 2 Border White 10 Rounded 3xl&lt;/p&gt;

&lt;p&gt;🟢 Emerald Gradient Theme Across All Pages From Black Via 001a0f To Black&lt;/p&gt;

&lt;p&gt;🔠 Uppercase Bold Typography With Tracking&lt;/p&gt;

&lt;p&gt;🔽 Custom Dropdowns And Modals Using React Portals And Get Bounding Client Rect To Prevent Clipping&lt;/p&gt;

&lt;p&gt;📐 Corner Brackets On Every Card That Light Up On Hover&lt;/p&gt;

&lt;p&gt;🎬 Staggered Animations For Table Rows And Lists&lt;/p&gt;

&lt;p&gt;📱 Fully Responsive Design&lt;/p&gt;

&lt;p&gt;━━━━━━━━━━━━━━━━━━&lt;/p&gt;

&lt;p&gt;💡 Key Challenges And Learnings&lt;/p&gt;

&lt;p&gt;🚧 Challenge 1 The Auth Flow Edge Case&lt;/p&gt;

&lt;p&gt;When Building The Middleware I Had To Ensure That An Expired Or Malformed Jwt Did Not Just Crash The App But Returned Specific Error Codes The Axios Interceptor On The Frontend Listens For These Specific Codes To Handle The Redirect Cleanly&lt;/p&gt;

&lt;p&gt;🚧 Challenge 2 Verification Data Integrity&lt;/p&gt;

&lt;p&gt;When An Alumni Employer Record Did Not Match I Could Not Just Auto Block Them I Designed A System Where The State Moves To Under Review&lt;/p&gt;

&lt;p&gt;I Built An Audit Log Array Into The Mongoose Schema That Records Every Action The Admin Who Did It And A Timestamp This Provides A Trust But Verify Transparency Trail&lt;/p&gt;

&lt;p&gt;🚧 Challenge 3 Ai Matchmaking Reliability&lt;/p&gt;

&lt;p&gt;Pure Llms Are Bad At Math They Cannot Reliably Find The Most Similar Profile&lt;/p&gt;

&lt;p&gt;By Shifting The Mathematical Burden To Tensor Flow Embeddings And The Reasoning Burden To Groq I Achieved A Highly Accurate And Explainable Matchmaking System&lt;/p&gt;

&lt;p&gt;🚧 Challenge 4 Multi Role Permission&lt;/p&gt;

&lt;p&gt;Admin And User Roles Need Different Access Levels&lt;/p&gt;

&lt;p&gt;This Was Solved With A Protect Middleware Checking Jwt Validity Plus A Custom Role Check Middleware Ensuring Only Admins Can Access Certain Endpoints&lt;/p&gt;

&lt;p&gt;━━━━━━━━━━━━━━━━━━&lt;/p&gt;

&lt;p&gt;🎯 What Comes Next&lt;/p&gt;

&lt;p&gt;I Am Currently Working On Adding Voice Based Ai Commands To AlumIQ The Goal Is To Let Admins Speak Commands Like Generate A Mentorship Agenda For John And Sarah Focusing On System Design And Have The Ai Auto Fill The Forms&lt;/p&gt;

&lt;p&gt;Other Planned Features Include&lt;/p&gt;

&lt;p&gt;📱 Real Time Alumni Chat Using Socket Io&lt;/p&gt;

&lt;p&gt;📲 Mobile App Using React Native&lt;/p&gt;

&lt;p&gt;📊 Advanced Predictive Analytics For Alumni Donations&lt;/p&gt;

&lt;p&gt;━━━━━━━━━━━━━━━━━━&lt;/p&gt;

&lt;p&gt;📌 Final Thoughts&lt;/p&gt;

&lt;p&gt;Building AlumIQ Taught Me That Production Ai Is Not Just About Calling An Llm Api It Is About Prompt Engineering Error Handling And Combining Different Ai Models Like Tensor Flow Plus Groq To Get The Best Of Both Worlds&lt;/p&gt;

&lt;p&gt;The Biggest Lesson Was That Reliability Matters More Than Cleverness A Simple Json Mode Plus Cleanup Logic Beats An Elaborate Prompt That Sometimes Fails&lt;/p&gt;

&lt;p&gt;The Second Lesson Was That Real Time Features Need Careful Architecture Broadcasting To All Clients Kills Performance Room Based Subscriptions Are The Way&lt;/p&gt;

&lt;p&gt;━━━━━━━━━━━━━━━━━━&lt;/p&gt;

&lt;p&gt;🔗 Interested In The Full Source Code Or Getting This Project For Your Portfolio&lt;/p&gt;

&lt;p&gt;🌐 Check Out The Project Stack Website&lt;/p&gt;

&lt;p&gt;🌐 &lt;a href="https://www.theprojectstack.com/" rel="noopener noreferrer"&gt;https://www.theprojectstack.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Happy To Answer Any Questions About The Architecture Or Ai Integration Drop A Comment Below&lt;/p&gt;

</description>
      <category>ai</category>
      <category>webdev</category>
      <category>programming</category>
      <category>react</category>
    </item>
    <item>
      <title>How I Built AdCampaignManager A Production-Ready MERN Stack Generative AI Advertising SaaS Platform</title>
      <dc:creator>Rishabhh Pandey</dc:creator>
      <pubDate>Wed, 14 Oct 2026 06:03:28 +0000</pubDate>
      <link>https://dev.to/rishabhpandey/how-i-built-adcampaignmanager-a-production-ready-mern-stack-generative-ai-advertising-saas-platform-4970</link>
      <guid>https://dev.to/rishabhpandey/how-i-built-adcampaignmanager-a-production-ready-mern-stack-generative-ai-advertising-saas-platform-4970</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fimqc5y4knoycowigyl73.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fimqc5y4knoycowigyl73.png" alt="Team Members List With Roles And Real-Time Chat Using Socket.IO" width="799" height="353"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fyegl25o4hwq0lkww3jn4.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fyegl25o4hwq0lkww3jn4.png" alt="AdCampaignManager Dashboard Modules Grid" width="800" height="488"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fiymues1badiual51h6au.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fiymues1badiual51h6au.png" alt="AdCampaignManager Complete Module Overview" width="800" height="468"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fh555bb84zu3x8i1xxsqm.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fh555bb84zu3x8i1xxsqm.png" alt="AI Assistant Writing Copy With AI Is Thinking Loading State" width="799" height="211"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fknp2fbmzad9v6jhx35x5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fknp2fbmzad9v6jhx35x5.png" alt="Audience Overlap Detection Showing Shared Interests And Languages" width="799" height="480"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Existing advertising campaign tools are either too expensive or too complex. Most small agencies and freelancers still manage campaigns in spreadsheets. There is no middle ground.&lt;/p&gt;

&lt;p&gt;So I Built AdCampaignManager — A Full-Stack Advertising Campaign Management Platform That Combines Real-Time Data With Generative AI.&lt;/p&gt;

&lt;p&gt;Here Is The Complete Breakdown Of How It Works.&lt;/p&gt;

&lt;p&gt;━━━━━━━━━━━━━━━━━━&lt;/p&gt;

&lt;p&gt;🛠️ The Tech Stack&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Frontend - React.Js Plus Vite Plus Tailwind CSS v4&lt;/li&gt;
&lt;li&gt;Backend - Node.Js Plus Express.Js&lt;/li&gt;
&lt;li&gt;Database - MongoDB Plus Mongoose&lt;/li&gt;
&lt;li&gt;Real-Time - Socket.IO&lt;/li&gt;
&lt;li&gt;AI Layer - Groq LLM openai/gpt-oss-120b&lt;/li&gt;
&lt;li&gt;Image Upload - Cloudinary Plus Multer&lt;/li&gt;
&lt;li&gt;Email - Nodemailer&lt;/li&gt;
&lt;li&gt;Scheduled Tasks - Node-Cron&lt;/li&gt;
&lt;li&gt;Authentication - JWT Plus Bcrypt Plus OTP&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;━━━━━━━━━━━━━━━━━━&lt;/p&gt;

&lt;p&gt;🎯 The 10 Core Modules&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Dashboard&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Real-Time KPI Cards Showing Impressions Clicks Conversions Revenue CTR CPC ROI And CVR. All Data Fetched Live From MongoDB Aggregation Pipelines.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Authentication&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Register Login Email OTP Verification 2FA Password Reset Session Management. JWT With Access Plus Refresh Tokens Stored In localStorage.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Campaign Management&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Full CRUD With Status Lifecycle Draft To Scheduled To Running To Paused To Completed To Cancelled. Duplicate Compare Side-By-Side Creative Upload Via Cloudinary.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Audience Management&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Age Range Gender 50 Countries 50 Cities 50 Interests 50 Languages And Device Targeting. Overlap Detection Between Segments.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Analytics And Insights&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Real-Time KPIs Engagement Heatmap Hour By Day Traffic Sources Funnel Analysis Campaign Leaderboard.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Subscription Plans&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;12 Plus Premium Tiers Subscribe Auto-Renew Corporate Plans Usage Analytics.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Reviews And Moderation&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;5-Star Ratings Sentiment Badges Photo Uploads Admin Approval Workflow.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Team Collaboration&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Real-Time Chat Via Socket.IO Kanban Boards Member Roles Activity Feed.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Support Tickets&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Categories Priorities Reply Threads Internal Notes Knowledge Base.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;AI Insights Dashboard&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Platform-Wide KPIs Anomaly Alerts AI Narratives.&lt;/p&gt;

&lt;p&gt;━━━━━━━━━━━━━━━━━━&lt;/p&gt;

&lt;p&gt;🤖 The Generative AI Layer&lt;/p&gt;

&lt;p&gt;Every Module Has Its Own Dedicated AI Service Powered By Groq LLM openai/gpt-oss-120b.&lt;/p&gt;

&lt;p&gt;Here Are The 10 AI Services&lt;/p&gt;

&lt;p&gt;Analytics AI&lt;/p&gt;

&lt;p&gt;Narrate Insights Detect Anomalies Forecast Revenue For 30 60 90 Days Generate Report Advise KPI Explain Trend Reallocate Budget Analyze Creative.&lt;/p&gt;

&lt;p&gt;Campaign AI&lt;/p&gt;

&lt;p&gt;Write Copy Suggest Goal Optimize Budget Generate Name Quality Check Suggest Schedule.&lt;/p&gt;

&lt;p&gt;Audience AI&lt;/p&gt;

&lt;p&gt;Recommend Audience Suggest Interests Estimate Reach Optimize Demographics Build Lookalike Resolve Overlap.&lt;/p&gt;

&lt;p&gt;Plan AI&lt;/p&gt;

&lt;p&gt;Recommend Plan Write Benefits Advise Upgrade Detect Renewal Risk Suggest Pricing Build Corporate Plan.&lt;/p&gt;

&lt;p&gt;Review AI&lt;/p&gt;

&lt;p&gt;Sentiment Analysis Fake Review Detection Summarize Reviews Draft Admin Reply Moderate Photo Extract Highlights.&lt;/p&gt;

&lt;p&gt;Insights AI&lt;/p&gt;

&lt;p&gt;Narrate Platform Detect Anomalies Forecast Revenue Generate Report Advise KPI Explain Trend.&lt;/p&gt;

&lt;p&gt;Support AI&lt;/p&gt;

&lt;p&gt;Classify Ticket Draft Reply Detect Duplicate Suggest FAQ Predict Resolution Time Auto-Write FAQ.&lt;/p&gt;

&lt;p&gt;Team AI&lt;/p&gt;

&lt;p&gt;Summarize Chat Auto-Assign Tasks Find Meeting Time Productivity Insights Suggest File Tags Recommend Lead.&lt;/p&gt;

&lt;p&gt;━━━━━━━━━━━━━━━━━━&lt;/p&gt;

&lt;p&gt;💡 Key Engineering Decisions&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;JSON Mode&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Every AI Prompt Forces The LLM To Return Valid JSON. This Prevents Parsing Errors And Broken UI. Without JSON Mode The AI Sometimes Returns Markdown Which Crashes The Frontend Parser.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;cleanValue Helper&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;The AI Sometimes Returns Placeholder Values Like N/A Or A Hyphen Or Empty Strings. This Helper Sanitizes Them Before They Reach The Frontend.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Post-Processing&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;After Every AI Response Arrays Are Filtered To Remove Invalid Values. Generation Plus Cleanup Is The Reliable Pattern.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Real-Time Sync&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Socket.IO Room-Based Subscriptions For Team Chat. Each Client Joins Only The Rooms It Needs Using team Colon teamId Format. This Keeps Bandwidth Low And Updates Instant.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Scheduled Automation&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Node-Cron Runs Two Jobs. Every Minute It Simulates Running Campaigns To Generate Realistic Impressions Clicks Conversions Spend And Revenue. Daily At Midnight It Aggregates Previous Day Analytics Into A Single Snapshot Document For Fast 30 60 90 Day Queries.&lt;/p&gt;

&lt;p&gt;━━━━━━━━━━━━━━━━━━&lt;/p&gt;

&lt;p&gt;🔐 Security Architecture&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;JWT Authentication With Access And Refresh Tokens&lt;/li&gt;
&lt;li&gt;Email OTP Verification 6 Digits 1 Min Expiry&lt;/li&gt;
&lt;li&gt;Optional 2FA Via Email&lt;/li&gt;
&lt;li&gt;Password Reset Via OTP And Short-Lived JWT&lt;/li&gt;
&lt;li&gt;Rate Limiting 500 Requests Per 15 Min Global 50 Requests Per 15 Min Auth&lt;/li&gt;
&lt;li&gt;Helmet.Js Security Headers&lt;/li&gt;
&lt;li&gt;CORS With Credentials&lt;/li&gt;
&lt;li&gt;Cloudinary File Type Validation&lt;/li&gt;
&lt;li&gt;Bcrypt Password Hashing 10 Salt Rounds&lt;/li&gt;
&lt;li&gt;Environment Variables For All Secrets&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;━━━━━━━━━━━━━━━━━━&lt;/p&gt;

&lt;p&gt;🎨 UI Design Philosophy&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Glassmorphism On Every Card Using backdrop-blur-xl border-2 border-white/10 rounded-3xl&lt;/li&gt;
&lt;li&gt;Green Gradient Theme from-black via-[#021d0f] to-black Across All Pages&lt;/li&gt;
&lt;li&gt;Uppercase Bold Typography With tracking-[0.2em]&lt;/li&gt;
&lt;li&gt;Custom Dropdowns With Animated Chevrons&lt;/li&gt;
&lt;li&gt;Modal Portals With Backdrop Blur&lt;/li&gt;
&lt;li&gt;Toast Notifications With Color-Coded Types&lt;/li&gt;
&lt;li&gt;Corner Brackets On Every Card&lt;/li&gt;
&lt;li&gt;Floating Icon Animations&lt;/li&gt;
&lt;li&gt;Staggered Fade-In For Table Rows&lt;/li&gt;
&lt;li&gt;Fully Responsive Design&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;━━━━━━━━━━━━━━━━━━&lt;/p&gt;

&lt;p&gt;💡 Key Challenges And Learnings&lt;/p&gt;

&lt;p&gt;Challenge 1 — AI Output Reliability&lt;/p&gt;

&lt;p&gt;The LLM Sometimes Returns Invalid JSON Or Placeholder Values. This Was Fixed With A Three-Layer Approach. First Force JSON Mode At The API Level. Second Sanitize Every Value With The cleanValue Helper. Third Filter Arrays During Post-Processing.&lt;/p&gt;

&lt;p&gt;Challenge 2 — Real-Time Team Chat&lt;/p&gt;

&lt;p&gt;The Team Members Needed Live Chat Without Refresh. This Was Solved With Socket.IO Room-Based Subscriptions. Each Client Joins Only The Rooms It Needs.&lt;/p&gt;

&lt;p&gt;Challenge 3 — Fast Analytics Queries&lt;/p&gt;

&lt;p&gt;The Analytics Collection Grew Huge. This Was Solved With Daily Snapshot Cron Job That Aggregates Data Into A Lightweight Collection For Fast Queries.&lt;/p&gt;

&lt;p&gt;Challenge 4 — Multi-Role Permission&lt;/p&gt;

&lt;p&gt;Admin And User Roles Need Different Access Levels. This Was Solved With owner Field Check Plus isAdmin Boolean Plus Backend authorize Middleware.&lt;/p&gt;

&lt;p&gt;Challenge 5 — Campaign Lifecycle&lt;/p&gt;

&lt;p&gt;Campaigns Need To Move Through Multiple States. This Was Solved With Auto Transitions From Draft To Scheduled To Running To Paused To Completed To Cancelled.&lt;/p&gt;

&lt;p&gt;Challenge 6 — Image Uploads In Serverless&lt;/p&gt;

&lt;p&gt;Local Disk Storage Breaks In Serverless Deployments. This Was Solved With Cloudinary Streaming API. The File Buffer Goes Directly To CDN.&lt;/p&gt;

&lt;p&gt;━━━━━━━━━━━━━━━━━━&lt;/p&gt;

&lt;p&gt;🎯 What Comes Next&lt;/p&gt;

&lt;p&gt;I Am Currently Working On Adding Voice-Based AI Assistant To AdCampaignManager. The Plan Is To Let Users Speak Commands Like Create A New Campaign For Sneakers With 5000 Rupees Daily Budget And The AI Will Auto-Fill Everything.&lt;/p&gt;

&lt;p&gt;Other Planned Features Include&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Real-Time Collaboration With Cursor Tracking&lt;/li&gt;
&lt;li&gt;Mobile App Using React Native&lt;/li&gt;
&lt;li&gt;Public API For Third-Party Developers&lt;/li&gt;
&lt;li&gt;Advanced Predictive Analytics Dashboard&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;━━━━━━━━━━━━━━━━━━&lt;/p&gt;

&lt;p&gt;📌 Final Thoughts&lt;/p&gt;

&lt;p&gt;Building AdCampaignManager Taught Me That Production AI Is Not Just About Calling An LLM. It Is About Prompt Engineering Error Handling Post-Processing And Delivering Clean Data To Users.&lt;/p&gt;

&lt;p&gt;The Biggest Lesson Was That Reliability Matters More Than Cleverness. A Simple JSON Mode Plus Cleanup Logic Beats An Elaborate Prompt That Sometimes Fails.&lt;/p&gt;

&lt;p&gt;The Second Lesson Was That Real-Time Features Need Careful Architecture. Broadcasting To All Clients Kills Performance. Room-Based Subscriptions Are The Way.&lt;/p&gt;

&lt;p&gt;━━━━━━━━━━━━━━━━━━&lt;/p&gt;

&lt;p&gt;Interested In The Full Source Code Or Getting This Project For Your Portfolio?&lt;/p&gt;

&lt;p&gt;🌐 &lt;a href="https://www.theprojectstack.com/" rel="noopener noreferrer"&gt;https://www.theprojectstack.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Happy To Answer Any Questions About The Architecture Or AI Integration. Drop A Comment Below!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>ai</category>
      <category>react</category>
      <category>node</category>
    </item>
    <item>
      <title>How I Built AirSense - A Production-Ready MERN + Generative AI Air Quality Ecosystem</title>
      <dc:creator>Rishabhh Pandey</dc:creator>
      <pubDate>Mon, 12 Oct 2026 12:23:20 +0000</pubDate>
      <link>https://dev.to/rishabhpandey/how-i-built-airsense-a-production-ready-mern-generative-ai-air-quality-ecosystem-36on</link>
      <guid>https://dev.to/rishabhpandey/how-i-built-airsense-a-production-ready-mern-generative-ai-air-quality-ecosystem-36on</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F3slvx4r9c1wmkz7u2hur.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F3slvx4r9c1wmkz7u2hur.png" alt="AirSense Core Modules Grid Sensors Data Ingestion AQI Hub Forecast Pollution Sources Compliance Reports" width="799" height="467"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F6g35t6ouue4garddm6zt.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F6g35t6ouue4garddm6zt.png" alt="AirSense Reports And Analytics AI-Powered KPIs And Trend Analytics" width="799" height="460"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fa8imc0l0qr66hnz0lvod.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fa8imc0l0qr66hnz0lvod.png" alt="Station AI Suggesting Optimal Coordinates With Detailed Placement Reasoning" width="800" height="423"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F4965m4hhp36wu2i2jclm.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F4965m4hhp36wu2i2jclm.png" alt="AQI AI Assistant And AQI Hub AI With 14 Specialized AI Actions" width="800" height="468"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Ftoym3f5vxiybtzi897rd.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Ftoym3f5vxiybtzi897rd.png" alt="Live Health Advisory With Current AQI 208 And Pin Stations To Watchlist Feature" width="800" height="417"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Existing Air Quality Dashboards Just Show Numbers. No Context. No Forecasts. No Actionable Insights.&lt;/p&gt;

&lt;p&gt;So I Built AirSense — A Full-Stack Air Quality Monitoring Ecosystem That Combines Real-Time Data With Generative AI.&lt;/p&gt;

&lt;p&gt;Here Is The Complete Breakdown Of How It Works.&lt;/p&gt;

&lt;p&gt;🛠️ The Tech Stack&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Frontend - React.Js + Tailwind CSS&lt;/li&gt;
&lt;li&gt;Backend - Node.Js + Express.Js&lt;/li&gt;
&lt;li&gt;Database - MongoDB + Mongoose&lt;/li&gt;
&lt;li&gt;Real-Time - Socket.IO&lt;/li&gt;
&lt;li&gt;AI Layer - Groq LLM&lt;/li&gt;
&lt;li&gt;Cloud - Cloudinary + WAQI API&lt;/li&gt;
&lt;li&gt;Authentication - JWT With 2FA And OTP Verification&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;🌬️ Core Features&lt;/p&gt;

&lt;p&gt;Real-Time Monitoring&lt;/p&gt;

&lt;p&gt;A Multi-Station AQI Dashboard With Live Updates Via Socket.IO. Color-Coded Heatmaps Across All Monitoring Stations. A 24-Hour Timeline Scrubber And Trend History. Every New Reading Pushes Instantly To Connected Clients Without A Page Refresh.&lt;/p&gt;

&lt;p&gt;Generative AI Layer Powered By Groq LLM&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;AI Insight Narrator — Plain-English AQI Explanations With Exact Numbers&lt;/li&gt;
&lt;li&gt;Anomaly Explainer — Detects Unusual Pollution Patterns And Suggests Causes&lt;/li&gt;
&lt;li&gt;Health Advisory Writer — Real-Time Precautions For Sensitive Zones Like Schools And Hospitals&lt;/li&gt;
&lt;li&gt;Pollution Source Narrator — Explains Why A Specific Pollutant Dominates At A Station&lt;/li&gt;
&lt;li&gt;Compliance Summarizer — Regulatory Insights For WHO US EPA CPCB And EU Standards&lt;/li&gt;
&lt;li&gt;Report Writer — AI-Generated Executive Reports For Any Time Period&lt;/li&gt;
&lt;li&gt;KPI Advisor — Recommends Which Metrics To Focus On Based On Live Data&lt;/li&gt;
&lt;li&gt;Trend Explainer — Breaks Down Why A Metric Moved Up Down Or Stayed Stable&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Forecasting Engine&lt;/p&gt;

&lt;p&gt;Statistical Time-Series Forecasting Using Linear Regression. Predictions For 12-Hour 7-Day And 30-Day Horizons. Every Forecast Is Enhanced With AI-Generated Explanations And Confidence Scoring. Also Supports Side-By-Side Forecast Comparison Across Multiple Stations.&lt;/p&gt;

&lt;p&gt;Multi-Standard Compliance&lt;/p&gt;

&lt;p&gt;Instantly Check Pollutant Levels Against WHO US EPA CPCB And EU Standards. Each Reading Is Graded As Pass Or Fail With Exceedance Percentage Calculated Automatically.&lt;/p&gt;

&lt;p&gt;Pollution Source Attribution&lt;/p&gt;

&lt;p&gt;AI Analyzes And Attributes Pollution To Sources Like Traffic Industrial Construction Crop Burning Natural And Other. Each Source Comes With Impact Metrics For Population Health Economy And Carbon Footprint.&lt;/p&gt;

&lt;p&gt;🤖 The AI Layer In Detail&lt;/p&gt;

&lt;p&gt;Every AI Feature Runs On Groq LLM Using Two Models. The Primary Model Is openai/gpt-oss-120b For Complex Reasoning And The Secondary Model Is llama-3.1-8b-instant For Faster Simpler Tasks.&lt;/p&gt;

&lt;p&gt;Key Engineering Decisions&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;JSON Mode&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Every Prompt Forces The LLM To Return Valid JSON. This Prevents Parsing Errors And Broken UI. Without JSON Mode The AI Sometimes Returns Markdown Or Plain Text Which Crashes The Frontend Parser.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;cleanValue Helper&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;The AI Sometimes Returns Placeholder Values Like A Hyphen Or N/A Or Empty Strings. This Helper Sanitizes Them Before They Reach The Frontend. It Also Filters Out The String Null And Unknown Values.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;sessionSeed&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;A Random 6-Character String Is Injected Into Every Prompt. This Prevents The AI From Repeating The Same Answer On Every Call. Without This Trick The Model Would Return Identical Responses Due To Caching And Temperature Behaviour.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Post-Processing&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;After Every AI Response Arrays Are Filtered To Remove Invalid Values. Generation Plus Cleanup Is The Reliable Pattern. Every Array Field Like Insights Causes Fixes Recommendations Factors And Actions Goes Through This Cleanup Step.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Temperature Tuning&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Different AI Services Use Different Temperature Settings. Creative Tasks Like Copywriting Use Higher Temperature Around 0.85 While Deterministic Tasks Like Station Description Writing Use Lower Temperature Around 0.3.&lt;/p&gt;

&lt;p&gt;📊 Forecasting Is Not AI But Enhanced By It&lt;/p&gt;

&lt;p&gt;The Prediction Itself Uses Linear Regression Which Is A Statistical Method. Not A Neural Network. Not A Transformer. Just Classic Maths.&lt;/p&gt;

&lt;p&gt;But Every Forecast Is Enhanced With -&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;AI-Generated Explanations Of The Trend&lt;/li&gt;
&lt;li&gt;Confidence Scoring That Decreases With Horizon&lt;/li&gt;
&lt;li&gt;Health Advisory Recommendations Based On Predicted AQI&lt;/li&gt;
&lt;li&gt;Weather Impact Analysis&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This Hybrid Approach Is What Modern Production Apps Actually Use. Not Everything Needs To Be AI. Sometimes A Simple Statistical Model Plus AI Explanation Is Better Than An Overcomplicated Neural Network.&lt;/p&gt;

&lt;p&gt;🔐 Security Architecture&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;JWT Authentication With 2FA&lt;/li&gt;
&lt;li&gt;OTP Verification Via Email For Registration And Password Reset&lt;/li&gt;
&lt;li&gt;Role-Based Access Control For Admin And User Roles&lt;/li&gt;
&lt;li&gt;Session Management With Full Audit Trail&lt;/li&gt;
&lt;li&gt;Password Hashing With Bcrypt&lt;/li&gt;
&lt;li&gt;Rate Limiting On Sensitive Endpoints&lt;/li&gt;
&lt;li&gt;CORS Configuration For Frontend Only&lt;/li&gt;
&lt;li&gt;Environment Variables For All Secrets&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;💡 Key Challenges And Learnings&lt;/p&gt;

&lt;p&gt;Challenge 1 - AI Output Reliability&lt;/p&gt;

&lt;p&gt;Sometimes The AI Returned Placeholder Values Empty Arrays Or Even Broke JSON Format. This Was Fixed With A Three-Layer Approach. First Force JSON Mode At The API Level. Second Sanitize Every Value With The cleanValue Helper. Third Filter Arrays During Post-Processing.&lt;/p&gt;

&lt;p&gt;Challenge 2 - Real-Time Sync&lt;/p&gt;

&lt;p&gt;The Dashboard Needed Live Updates Without Refreshing. This Was Solved With Socket.IO Room-Based Subscriptions Using station-id Format. Each Client Joins Only The Rooms It Needs. This Keeps Bandwidth Low And Updates Instant.&lt;/p&gt;

&lt;p&gt;Challenge 3 - Stateless Uploads&lt;/p&gt;

&lt;p&gt;Storing Images On The Server Would Break In Serverless Deployments. This Was Solved By Using Cloudinary Streaming API Instead Of Local Disk Storage. The File Buffer Goes Directly To Cloudinary And Only The HTTPS URL Is Stored In MongoDB.&lt;/p&gt;

&lt;p&gt;Challenge 4 - Multi-Standard Compliance Logic&lt;/p&gt;

&lt;p&gt;Each Regulatory Body Has Different Limits For Each Pollutant. This Was Solved With A Central LIMITS Object That Maps Every Standard-Pollutant Combination To Its Threshold Value. Adding A New Standard Only Requires Updating This One Object.&lt;/p&gt;

&lt;p&gt;🎯 What Comes Next&lt;/p&gt;

&lt;p&gt;I Am Currently Working On Adding LSTM Neural Networks For Forecasting To Push Accuracy Higher Than Linear Regression. The Plan Is To Train The Model On Historical AQI Data And Use TensorFlow.Js For Direct Node.Js Integration Without Needing A Separate Python Service.&lt;/p&gt;

&lt;p&gt;Other Planned Features Include -&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Real Payment Gateway Integration&lt;/li&gt;
&lt;li&gt;Mobile App Using React Native&lt;/li&gt;
&lt;li&gt;Public API For Third-Party Developers&lt;/li&gt;
&lt;li&gt;Advanced Historical Analytics Dashboard&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;📌 Final Thoughts&lt;/p&gt;

&lt;p&gt;Building AirSense Taught Me That Production AI Is Not Just About Calling An LLM. It Is About Prompt Engineering Error Handling Post-Processing And Delivering Clean Data To Users.&lt;/p&gt;

&lt;p&gt;The Biggest Lesson Was That Reliability Matters More Than Cleverness. A Simple JSON Mode Plus Cleanup Logic Beats An Elaborate Prompt That Sometimes Fails.&lt;/p&gt;

&lt;p&gt;Interested In The Full Source Code Or Getting This For Your Portfolio?&lt;/p&gt;

&lt;p&gt;🌐 &lt;a href="https://www.theprojectstack.com/" rel="noopener noreferrer"&gt;https://www.theprojectstack.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Happy To Answer Any Questions About The Architecture Or AI Integration. Drop A Comment Below!&lt;/p&gt;

</description>
      <category>react</category>
      <category>node</category>
      <category>ai</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
