React Node PostgreSQL Full Stack Setup

🚀 MERN Auth Backend – Secure Authentication System 🔗 GitHub Repository: https://lnkd.in/dDmPXBm8 I built this backend authentication system on 25 March 2025 as part of my journey into backend development, and later updated and improved it on 8 September 2025. The project is built using MongoDB, Express.js, and Node.js, implementing a complete authentication workflow that can be integrated into full-stack applications. 🔹 Features included in this backend: ✅ User Registration ✅ Login System ✅ Email Verification ✅ Password Reset ✅ Secure Error Handling This project helped me gain deeper understanding of authentication logic, backend API structure, and secure user management. Always improving and learning through building real projects. 💻 #MERNStack #NodeJS #ExpressJS #MongoDB #BackendDevelopment #WebDevelopment #FullStackDevelopment #SoftwareDevelopment #CodingJourney #DeveloperLife 🚀

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

🚀 Starting My Node.js Journey – Understanding Backend Fundamentals🚀 ✨Today I focused on learning the core concepts of backend development 💻 Here’s what I explored: 🧠 What is Backend? 🔹Server-side part of a web application 🔹Handles business logic, authentication, and data operations 🔹Works behind the scenes to make applications functional 🎯 Why Backend is Important 🔹Enables dynamic content 🔹Manages user data securely 🔐 🔹Connects frontend with databases 🖥️ Server Basics 🔹Receives requests and sends responses 🔹Serves websites, APIs, and data 🔄 Client-Server Architecture 🔹Client sends request → Server processes → Server responds 🔹Foundation of all web applications 🏗️ 3-Tier Architecture 🔹Presentation Layer (Frontend/UI) 🎨 🔹Business Logic Layer (Backend) ⚙️ 🔹Data Layer (Database) 💾 🔹Helps in scalability and maintenance 🔁 Request-Response Lifecycle URL → DNS → Server → Processing → Response → Browser display Core flow behind every website interaction 🌐 Internet & Networking Basics 🔹Internet connects devices worldwide 🔹Role of WiFi, Router, ISP in communication 🔐 HTTP vs HTTPS 🔹HTTP: Not secure ❌ 🔹HTTPS: Secure using encryption (SSL/TLS) ✅ 🌍 DNS (Domain Name System) 🔹Converts domain names into IP addresses 🔗 URL Structure 🔹Protocol + Domain + Path + Query parameters 💡 Key Takeaway: 🔥Understanding how data flows from client to server and back is the foundation of backend development 🔥 Excited to dive deeper into Node.js and start building real servers soon! #NodeJS #BackendDevelopment #WebDevelopment #LearningJourney #FullStackDeveloper #TechJourney

𝗖𝗹𝗶𝗰𝗸𝗶𝗻𝗴 "𝗖𝗼𝗻𝗻𝗲𝗰𝘁" 𝘁𝗮𝗸𝗲𝘀 𝗼𝗻𝗲 𝘀𝗲𝗰𝗼𝗻𝗱. 𝗕𝘂𝗶𝗹𝗱𝗶𝗻𝗴 𝘁𝗵𝗲 𝗹𝗼𝗴𝗶𝗰 𝗯𝗲𝗵𝗶𝗻𝗱 𝗶𝘁? 𝗧𝗵𝗮𝘁'𝘀 𝗮 𝗱𝗶𝗳𝗳𝗲𝗿𝗲𝗻𝘁 𝘀𝘁𝗼𝗿𝘆. - 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

🚀 Just Built & Deployed My First Full-Stack CRUD Notes App 💻 Finally, I built something that actually feels like a real project, not just practice. 🔗 Live App: https://lnkd.in/dxKgEH28 🔗 GitHub Code: https://lnkd.in/dqz7QSeH This project is a complete CRUD (Create, Read, Update, Delete) application, which is basically the core of most real-world apps managing and manipulating data through APIs. 🧠 What I learned while building this: • How to build REST APIs using Node.js & Express • Connecting backend with MongoDB using Mongoose • Creating schemas & models for structured data • Performing full CRUD operations (create, read, update, delete) • Handling routes, requests (req), and responses (res) • Using req.params for dynamic operations like delete/update • Connecting frontend with backend using Axios • Handling CORS issues between frontend & backend • Understanding real data flow (frontend → backend → database → frontend) • Using .env for securing sensitive data • Converting frontend into build (dist) folder • Deploying full-stack app (frontend + backend together) 💡 Big realization: This is how real applications work User input → API → Server → Database → Response → UI Before this, everything felt separate… Now it all connects. It’s still a simple project, but it gave me clarity on how full-stack systems actually work behind the scenes. Would really appreciate feedback 🙌 #BackendDomination #FullStackDevelopment #NodeJS #ExpressJS #MongoDB #Mongoose #CRUD #RESTAPI #WebDevelopment #100DaysOfCode #BuildInPublic #LearningJourney

🚀 Built a URL Shortener Backend using TypeScript + Node.js + MongoDB After working on larger projects like e-commerce and Mini JIRA, I wanted to build something small but sharp—focused on backend fundamentals. So I built a URL Shortener API from scratch. 🔧 What it does: • Generate short URLs • Redirect to original links • Track click counts • Handle duplicate short codes safely • Validate and sanitize URLs 🧠 What I focused on: • Clean backend structure (controllers, routes, utils) • Type safety with TypeScript • Proper error handling & retry logic • Atomic DB operations (no race conditions) • Real-world validation (security aware) ⚡ Key learning: Instead of “checking before inserting”, I learned to trust the database constraints and handle failures properly — a small shift, but a big backend concept. Also explored: • ESM + TypeScript setup challenges • Mongoose schema typing • Request/response design consistency This project may look simple, but it strengthened how I think about backend reliability and structure. Next step → Moving into SQL + Prisma to expand beyond MongoDB. #NodeJS #TypeScript #BackendDevelopment #MongoDB #WebDevelopment #LearningInPublic

🚀 Just pushed my latest project — Saraha! It's an anonymous messaging app built with Node.js & Express. Simple idea: send messages to anyone without revealing who you are. Tech I used: - Node.js & Express - MongoDB & Mongoose - JWT — Access & Refresh Tokens - Google OAuth for Gmail login - Bcrypt & Argon2 for password hashing What I focused on: - Supporting both Bearer & Basic auth schemas in the same middleware - Clean, modular architecture from the start - Solid error handling throughout - Learned a ton building this especially around authentication flows - how to structure a backend that's actually easy to maintain. Code is on GitHub if you want to check it out 👇 https://lnkd.in/dm3rXiVJ shoutout to Mahmoud Elwan— A special thanks for guidance and support throughout this made a real difference, thank you 🙏 #NodeJS #MongoDB #BackendDevelopment #JavaScript #OpenSource

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

🚀 I recently built a complete backend for a Saraha anonymous messaging application using Node.js, Express.js, and MongoDB. The project is designed with a strong focus on security, modularity, and scalability. Here’s a quick overview of the main features: 🔐 Authentication & Security Local & Google authentication JWT (Access/Refresh tokens) OTP for email confirmation & password recovery Encrypted passwords (bcrypt) + tracking old passwords 👤 User Management Update profile & change password Profile image upload Soft delete & restore accounts 💬 Messaging System Send/receive messages (text + attachments) Soft delete messages ⚙️ Utilities & Infrastructure File upload system with Multer (organized by user folders) Automated Cron Jobs (delete expired tokens) Email service with Nodemailer (account confirmation & password reset) 📂 Tech Stack Node.js, Express.js, MongoDB (Mongoose), JWT, Multer, Nodemailer, node-cron. This project helped me strengthen my skills in designing clean architecture, modular APIs, and secure backend flows. 🙏 Special thanks to my instructor Mahmoud Elwan and Omnia Khaled for the guidance and support throughout this project. #Backend #Node #js #Nodejs #Route #Express #ROUTE_NODEJS #API

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