Adding Search & Filtering to Full-Stack Project

Day 73 of #100DaysOfCode Today I implemented pagination and performance optimization in my full-stack project. Covered: • Page-based data fetching • Backend pagination with skip & limit • Improving API performance This is essential for building scalable applications #FullStackDevelopment #ReactJS #NodeJS #MongoDB #LearningInPublic

I’m pleased to share my project — NextUp: Digital Queue Management System. This is a full-stack web application designed to streamline queue handling through real-time updates, improving transparency and user experience. Key Features: • Real-time updates using Socket.io • RESTful APIs built with Node.js and Express.js • Responsive user interface using React.js • Efficient data management with MongoDB Tech Stack: React.js | Node.js | Express.js | MongoDB | Socket.io This project strengthened my understanding of building scalable and real-time applications. I would appreciate your feedback and suggestions. GitHub: https://lnkd.in/ghj_RPmk #FullStackDevelopment #MERN #WebDevelopment #ReactJS #NodeJS #MongoDB

I built a fully functional GitHub-inspired platform from scratch using the MERN stack. Here's what it features: - JWT-based Authentication (Email & Username login) - Repository Management (Create, Read, Update, Delete) - Issue Tracking System - User Profiles with Contribution Heatmap - GitHub-like UI using Primer Components Tech Stack: → Backend: Node.js, Express, MongoDB, Mongoose, JWT, bcryptjs → Frontend: React, Vite, Axios, Primer UI, React Router This project helped me deeply understand how platforms like GitHub work under the hood - from password hashing and token-based auth to RESTful API design and component-based UI. Check it out here 👉 https://lnkd.in/gV4377z4 #MERN #FullStackDevelopment #React #NodeJS #MongoDB #WebDevelopment #GitHub #OpenSource #BuildInPublic

https://lnkd.in/g-nbqnRz "Created a parking management application with real-time entry tracking and dynamic pricing logic. Tech stack: React (frontend), Node.js & Express (backend), MongoDB (database) Worked on building REST APIs, handling data flow, and structuring a simple end-to-end system. #MERNStack #BackendDevelopment #FrontendDevelopment #RESTAPI #MongoDB #React #NodeJS"

🚀 Full Stack Setup: React + Node.js + PostgreSQL Here’s how a complete modern app connects 🔥 👉 React → UI 👉 Node.js → Backend API 👉 PostgreSQL → Database 💻 Flow: Frontend → API → Database → Response → UI ⚡ Key Steps: ✔ Setup PostgreSQL & pgAdmin ✔ Connect Node using pg library ✔ Build API with Express ✔ Fetch data in React 💡 Real-world: Used in dashboards, booking apps, enterprise systems 🎯 Interview Tip: Always explain architecture, not just code #ReactJS #NodeJS #PostgreSQL #FullStack #WebDevelopment

REST vs GraphQL — Which one should you choose? Stop over-fetching and under-fetching data. With GraphQL, you can get exactly what you need in a single request, while REST may require multiple calls across services. Key takeaway: - REST: Simple, structured, multiple endpoints - GraphQL: Flexible, efficient, single endpoint Choose based on your project needs, scalability, and performance goals. #BackendDevelopment #NodeJS #GraphQL #RESTAPI #WebDevelopment #Microservices #SoftwareEngineering

Excited to share WikiDev — a fullstack wiki platform built for developers, by developers. The idea is simple: a clean, community-driven knowledge base where developers can find and contribute articles on the tools and technologies they use every day. 🛠 Tech Stack: • Next.js 15 (App Router) — frontend + API routes • Apollo Server & Client (v4) — GraphQL layer • MongoDB + Mongoose — database • Tailwind CSS — UI • TypeScript — end to end This project pushed me to deepen my understanding of fullstack GraphQL architecture, Next.js App Router conventions, and database connection management in serverless-style environments. The project is open source and actively being developed. 🔗 GitHub: github.com/glowzaq/wikidev Would love feedback from fellow developers! 🙌 #Fullstack #WebDevelopment #GraphQL #NextJS #TypeScript #MongoDB #buildinpublic

Day 6 - Building "Mobigo" the one stop solution for your hunger cravings 🚀🍔 No UI today. Pure backend. And honestly? This hit different. 🧠 Here's what I built & what blew my mind 👇 🛒 Order Engine — When user hits "Place Order": • Validates address ownership (not just "does it exist?" but "is it YOURS?") • Checks if restaurant isOpen (sorry, no midnight cravings 😂) • Auto-calculates bill → deliveryFee free if order > ₹250 🎯 • Clears cart automatically after order drops 💡 3 things that genuinely surprised me: 1️⃣ TTL Index 🤯 MongoDB auto-deletes unpaid orders after 15 mins. Zero cron jobs. The DB is literally a self-cleaning oven. 2️⃣ Internal API Security 🔐 My payment service talks to restaurant service using a secret header key — not JWT, not user login. Just two servers whispering to each other. That's real microservices architecture. 3️⃣ Address Snapshotting 📸 I copy full address INTO the order. Why? Because if you change your address tomorrow, your old pizza shouldn't follow you. 😂 Backend is underrated. Onwards! 💪 #Mobigo #NodeJS #MongoDB #BuildInPublic #Day6 #BackendDev #LearnInPublic #100DaysOfCode #meta #google #microsoft #developers #development #fullstack

“I’m transitioning from a creative frontend background into building production-grade backend systems.” 🚀 Just built a customizable trading dashboard (Fullstack) Over the past few days, I’ve been working on a production-style dashboard system — not just UI, but a complete flow from backend → frontend → real-time-ready architecture. 🔧 Tech Stack Frontend: React + TypeScript + Tailwind + ApexCharts Backend: NestJS + PostgreSQL + Redis Architecture: Modular services + caching + API design ⚙️ Key Features Drag & resize dashboard layout (like real trading platforms) Dynamic charts (BTC trend, volume, portfolio breakdown) Resizable & expandable data table Backend-driven data (no mock in runtime) Redis caching with fallback strategy Clean API structure with consistent response format 🧠 What I focused on Instead of just making it “look good”, I focused on: System design (how data flows, caching, failure handling) Real-world patterns (cache hit/miss, fallback, API consistency) Making frontend and backend work together as a system 📦 Project Links Live Demo: https://lnkd.in/gt-e9849 GitHub: https://lnkd.in/gR7Sasmh #FullstackDeveloper #NestJS #React #WebDevelopment #Dashboard #Redis #SystemDesign

🚀 Want to make your Node.js apps faster? Here are some practical performance tips I use 👇 ⚡ Use async/await properly (avoid blocking code) 📦 Optimize database queries (indexes matter!) 🧠 Implement caching (Redis is a game changer) 🔄 Use clustering for scalability 📉 Avoid blocking the event loop 🗜️ Enable Gzip compression 📊 Monitor performance (logs + profiling tools) 💡 Reality: Most performance issues are not about Node.js… 👉 They are about how we write code 💭 My approach: - Write non-blocking code - Keep APIs lightweight - Always think about scalability early Small improvements → Huge performance gains 🚀 What’s your go-to Node.js optimization tip? 👇 #NodeJS #Backend #Performance #JavaScript #WebDevelopment #CodingTips #SoftwareEngineering