Full-Stack MERN Web Application

Title: Full-Stack MERN Web Application with Authentication, CRUD, and Responsive UI

Overview: I designed and developed a fully functional MERN (MongoDB, Express, React, Node.js) web application from scratch. The project showcases modern full-stack development practices with a responsive frontend, secure backend, user authentication, dynamic routing, RESTful APIs, and full CRUD capabilities.

Frontend: React, React Router DOM, Axios, TailwindCSS / Bootstrap / Material UI

Backend: Node.js, Express.js

Database: MongoDB (Mongoose ODM)

Authentication: JWT (JSON Web Tokens), bcrypt

File Upload: Multer

Deployment: Vercel (Frontend) + Render/Heroku (Backend) / Railway / Netlify + MongoDB Atlas

User Authentication (Register, Login, Logout, Protected Routes)

Role-Based Access Control (Admin/User)

Full CRUD Operations (Create, Read, Update, Delete)

Responsive Design (Mobile + Desktop support)

RESTful API Integration between frontend and backend

File/Image Upload (Multer with preview & storage)

🔐 Authentication

Signup/Login with encrypted passwords (bcrypt)

JWT-based protected routes

Session persistence using localStorage

🗃️ Backend API

Secure REST APIs using Express

MongoDB schema design with Mongoose

Modular controllers, routes, and middleware

Error handling (try/catch, custom error responses)

🖼️ Frontend UI

React-based SPA with React Router

TailwindCSS or Bootstrap for styling

Axios for API requests

Custom Hooks and Context API for global state

☁️ Deployment

Frontend: Vercel / Netlify

Backend: Render / Railway / Heroku

Database: MongoDB Atlas

.env variables managed securely in both environments

Login/Register Page

Dashboard / Admin Panel

Product / Post listing

Edit/Create Form

Responsive mobile view

Full development (frontend + backend)

Architecture design and database modeling

Component design and API integration

website live https://mern-y393.onrender.com/