🚀 Built my full-stack project: *CouponHub – Digital Coupons & Discount Aggregator* Over the past few weeks, I worked on developing a platform that helps users easily find, copy, and save verified discount coupons — all in one place. 🔹 Key Features: • User authentication (login/register) • Browse and search coupons by category • One-click copy functionality • Save coupons to personal dashboard • Admin panel to manage coupons 🔹 Tech Stack: HTML, CSS, JavaScript, Node.js, Express.js, MongoDB This project helped me understand how frontend and backend integrate in a real-world application, along with API handling and database management. GitHub link : https://lnkd.in/g6Wt_ZfH Here’s a quick demo of how it works 👇 Would love to hear your feedback! #FullStackDevelopment #WebDevelopment #NodeJS #MongoDB #JavaScript #StudentProject #LearningByDoing

🚀 𝗕𝘂𝗶𝗹𝘁 𝗮 𝗰𝗼𝗺𝗽𝗹𝗲𝘁𝗲 𝗟𝗼𝗴𝗶𝗻 & 𝗔𝗱𝗺𝗶𝗻 𝘀𝘆𝘀𝘁𝗲𝗺 𝘁𝗼 𝗿𝗲𝗳𝗿𝗲𝘀𝗵 𝗺𝘆 𝗠𝗘𝗥𝗡 𝗳𝘂𝗻𝗱𝗮𝗺𝗲𝗻𝘁𝗮𝗹𝘀 — 𝗯𝘂𝘁 𝘄𝗶𝘁𝗵 𝗮 𝗿𝗲𝗮𝗹-𝘄𝗼𝗿𝗹𝗱 𝗮𝗽𝗽𝗿𝗼𝗮𝗰𝗵 Instead of just revisiting concepts, I wanted to understand how actual applications handle authentication, validation, and role-based access. 💻 𝗪𝗵𝗮𝘁 𝗜 𝗶𝗺𝗽𝗹𝗲𝗺𝗲𝗻𝘁𝗲𝗱: 🔹 User Registration & Login 🔹 Validation (wrong password, unregistered email handling) 🔹 Profile view & update 🔹 Admin Login & Dashboard 🔹 View & Edit Users ⚙️ 𝗧𝗲𝗰𝗵 𝗦𝘁𝗮𝗰𝗸: React (Hooks), React Router Node.js, Express MongoDB Axios / Fetch 📊 𝗔𝗽𝗽𝗹𝗶𝗰𝗮𝘁𝗶𝗼𝗻 𝗙𝗹𝗼𝘄: 👉 Register → Login → Profile 👉 Admin → View Users → Edit Users 🧠 𝗪𝗵𝗮𝘁 𝗜 𝗮𝗰𝘁𝘂𝗮𝗹𝗹𝘆 𝗹𝗲𝗮𝗿𝗻𝗲𝗱: 🔹 Managing state effectively using useState & useEffect 🔹 Handling API errors and responses properly 🔹 Structuring backend routes & controllers cleanly 🔹 Connecting frontend & backend without breaking flow 🔹 Implementing role-based access (Admin vs User) ⚠️ 𝗖𝗵𝗮𝗹𝗹𝗲𝗻𝗴𝗲𝘀 𝗜 𝗳𝗮𝗰𝗲𝗱: 🔸 Handling validation errors cleanly in UI 🔸 Keeping state consistent across pages 🔸 Debugging API response issues 🔗 𝗖𝗼𝗱𝗲 & 𝗥𝗲𝗽𝗼: https://lnkd.in/gsS7-m8t This refresh project helped me move beyond theory and understand how MERN applications work in practice. 🚀 Next, I’m planning to improve this with better UI and advanced features. 👉 What would you add to make this more production-ready? #mernstack #reactjs #nodejs #mongodb #webdevelopment #learninginpublic #reactjs #database #api

build everything perfectly... MongoDB connected Express APIs running React UI looking clean Node server deployed And then... "Why is my data not updating?" "Why is state not syncing?" "Why is this working locally but not in production?" After 2 hours of debugging... You realize: It was just a missing dependency in useEffect Or a wrong API endpoint Or... CORS This is not just a bug. This is a rite of passage for every MERN developer. The truth? You don't grow by writing perfect code. You grow by debugging messy code. Every error teaches you: How frontend & backend really communicate How state flows in real apps How to think like a problem solver So next time you're stuck... Don't panic. You're not failing - you're leveling up. #MERNStack #WebDevelopment #ReactJS

Today I challenged to build a mini full-stack feature 🚀 🔹 Frontend (React) learnings: • Managed form inputs efficiently using useState • Used useEffect to fetch data from backend APIs • Implemented handleChange & handleSubmit for smooth form handling • Integrated API calls using axios • Added basic validation → if fields are empty, it shows a popup like “Please enter all fields” ⚠️ • Ensured real-time updates by displaying fetched data on the UI 🔹 Backend (Node.js & Express): • Built RESTful APIs using Node.js & Express • Connected database using MongoDB with Mongoose • Created a POST API to store user input data • Created a GET API to retrieve stored data • Handled request/response flow between client and server ✨ End-to-end flow: ➡️ User enters data in the form ➡️ Data is sent to backend via API call ➡️ Stored securely in MongoDB ➡️ Backend fetches the data ➡️ Frontend displays it dynamically 💡 This small challenge gave me a clear understanding of the complete data flow in a MERN stack application — from user input → API → database → UI. #ReactJS #NodeJS #ExpressJS #MongoDB #MERN #FullStack #WebDevelopment #LearningByDoing #100DaysOfCode #Frontend #Backend #Axios #JavaScript #CodingJourney

🚀 Here's What I've Built So Far Over the past few weeks, I've been deep-diving into full-stack authentication — and the progress has been incredibly rewarding. Here's what I've accomplished across Module 45: ✅ Set up a Next.js project from scratch ✅ Integrated Better Auth for secure authentication ✅ Connected MongoDB as the database layer ✅ Built a complete Signup & Signin flow with real-time validation ✅ Added dynamic Navbar with protected routes ✅ Styled the UI using Hero UI & Gravity Icons ✅ Implemented password visibility toggle & session-based auth This journey taught me how to wire together a modern tech stack — from environment variables and database URIs to form handling and UI state management. #NextJS #WebDevelopment #Authentication #MongoDB #FullStack #LearningInPublic #BetterAuth #HeroUI #JavaScript #100DaysOfCode

🚨 My Node.js App Was Slow… And I Didn’t Know Why ? Everything looked fine. Clean code ✅ Good architecture ✅ But still… the app felt SLOW 😓 Then I realized the real problem wasn’t my backend code — It was MongoDB performance ⚠️ Here’s what I fixed (and the results were crazy) 👇 🔥 1. I stopped using find() blindly Before: → Fetching full documents After: → Using .select() Result: Faster response + less memory usage ⚡ 🔥 2. I discovered .lean() Mongoose documents are heavy Using .lean() made queries MUCH faster 🚀 🔥 3. Indexing changed everything I added index on frequently queried fields → email → userId Boom 💥 Query speed improved instantly 🔥 4. Fixed N+1 Query Problem Loop inside query = performance killer ❌ Switched to aggregation ✅ → fewer queries → better performance 🔥 5. Added Redis caching Instead of hitting DB every time → Cached frequently used data Result: ⚡ Blazing fast responses 💡 Biggest Lesson: Your app is only as fast as your database 🎯 Now I’m focusing more on: → Performance optimization → Scalable backend systems Step by step becoming a better Fullstack Developer 🚀 💬 Tell me honestly: Have you ever faced this problem? What was your biggest performance issue? 👇 #NodeJS #MongoDB #Backend #FullStack #JavaScript #WebDevelopment #Developers #Programming #Tech #LearningInPublic

🚀 Excited to share my latest project — CivicPulse: A Smart City Complaint Management System As a MERN Stack Developer, I recently built a full-stack web application designed to bridge the gap between citizens and municipal authorities — making civic issue reporting seamless, transparent, and efficient. 🔧 Tech Stack Used: • MongoDB — database with indexed queries & audit log pattern • Express.js — RESTful API with role-based middleware • React.js — dynamic SPA with role-based routing & protected pages • Node.js — server-side runtime powering the entire backend • JWT + bcrypt — secure stateless authentication • Multer — image upload with file validation • Nodemailer — automated email notifications via Gmail SMTP • DSA Implementations — KMP Search, Merge Sort, Binary Search, Stack (Undo), Sliding Window ⚙️ Key Features: ✅ Three role-based dashboards — Citizen, Authority, Admin ✅ Live word counter with 100-word description guide ✅ Automated email confirmation on complaint submission & status update ✅ Image lightbox in complaint history ✅ Full admin control — manage users, roles, and complaints ✅ Real-time KMP-powered search across all complaints A huge shoutout to my amazing collaborator Manjot Kaur for the support and contribution throughout this project. 🙌 🔗 GitHub Repository: #MERN #MongoDB #ExpressJS #ReactJS #NodeJS #WebDevelopment #FullStack #JavaScript #JWT #SmartCity #OpenSource #GitHub #DSA #SoftwareDevelopment #ProjectLaunch

Excited to share something I recently built as part of an interview assignment — a full-stack Goal Tracking application! 🎯 The project (https://lnkd.in/g4qQdDPp) is built on a Node.js + Express backend, MongoDB as the database, and a React frontend — all containerized and orchestrated using Docker. Here's what went into it: 🔐 User Authentication — JWT-based auth with bcrypt password hashing. Stateless sessions that keep the architecture clean and scalable from day one. 📋 Goal Management API — Full CRUD operations structured around RESTful principles, with a consistent response contract across every endpoint. 🏥 Health Monitoring — A dedicated /health endpoint to verify server and database status in real time. Something I now treat as a non-negotiable in any production-ready service. 🌐 CORS Configuration — Properly configured Cross-Origin Resource Sharing so the React frontend and Node backend communicate securely across different origins. 📦 Docker & Docker Compose — Wrote separate Dockerfiles for both the Node.js backend and the React frontend, then orchestrated all three services — frontend, backend, and MongoDB — using a single docker-compose.yml. One command to spin up the entire stack. That's the kind of developer experience that matters in real teams. 📄 API Documentation — Documented all endpoints using Postman, making the API immediately explorable and shareable with any team member without reading a single line of source code. 🧱 Industry-Standard Practices followed throughout: — MVC-inspired structure for clear separation of concerns — Environment-based configuration using dotenv — Centralized error handling middleware — Input validation at the API layer — Mongoose schemas with proper data modeling Building this end-to-end — from database design to containerized deployment — was a great exercise in thinking about systems holistically. Not just writing code that works, but code that scales, is maintainable, and is easy for any developer to pick up and run. Always learning. Always building. 🚀 #FullStack #NodeJS #React #MongoDB #Docker #DockerCompose #WebDevelopment #BackendDevelopment #SoftwareEngineering #OpenToWork

𝗖𝗹𝗶𝗰𝗸𝗶𝗻𝗴 "𝗖𝗼𝗻𝗻𝗲𝗰𝘁" 𝘁𝗮𝗸𝗲𝘀 𝗼𝗻𝗲 𝘀𝗲𝗰𝗼𝗻𝗱. 𝗕𝘂𝗶𝗹𝗱𝗶𝗻𝗴 𝘁𝗵𝗲 𝗹𝗼𝗴𝗶𝗰 𝗯𝗲𝗵𝗶𝗻𝗱 𝗶𝘁? 𝗧𝗵𝗮𝘁'𝘀 𝗮 𝗱𝗶𝗳𝗳𝗲𝗿𝗲𝗻𝘁 𝘀𝘁𝗼𝗿𝘆. - I’m currently building a developer networking platform, and I just wrapped up the core feature: the User Connection system. As users, we expect a seamless experience when we visit someone's profile. But as a backend developer, orchestrating that single "Connect" button was an amazing dive into dynamic state calculation and bidirectional database queries. To make the UI feel intuitive, my API doesn't just return profile data—it acts as a dynamic state machine. When User A visits User B's profile, the backend instantly calculates: 🔹 𝗜𝗱𝗲𝗻𝘁𝗶𝘁𝘆 𝗖𝗵𝗲𝗰𝗸: Are they viewing their own profile? ➔ Render "Edit Profile". 🔹 𝗕𝗶𝗱𝗶𝗿𝗲𝗰𝘁𝗶𝗼𝗻𝗮𝗹 𝗗𝗕 𝗖𝗵𝗲𝗰𝗸: Did A send a request to B, or did B send one to A?  🔹 𝗦𝘁𝗮𝘁𝘂𝘀 𝗜𝗻𝗷𝗲𝗰𝘁𝗶𝗼𝗻: Injecting real-time states (`connect`, `pending_sent`, `pending_received`, or `connected`) directly into the payload before it even reaches the frontend React app. It’s incredibly satisfying to take a complex database relationship and distill it down to a single, snappy UI button for the end-user. The hardest features to build are usually the ones that look the simplest on the screen! Have you ever built a feature that looked deceptively simple? Let me know below! #SoftwareEngineering #BackendDevelopment #NodeJS #PostgreSQL #ReactJS #WebDevelopment #BuildInPublic