Welcome to my full-stack development journey! This repository contains production-grade applications built with the MERN stack, focusing on performance, security, and modern state management.
- Frontend: React.js, Tailwind CSS, TanStack Query (React Query), Axios.
- Backend: Node.js, Express.js, MongoDB (Mongoose).
- Authentication: JWT (JSON Web Tokens) with Secure Cookie storage.
A comprehensive system for managing corporate staff data.
- Key Features: Role-based access and optimized API calls.
- Key Tech: Axios Interceptors, JWT, and Express Middlewares.
- API Docs here
A feature-rich web store for a seamless shopping experience.
- Key Features: Product filtering, Cart management, and Persistent state.
- Key Tech: React Query for caching, Redux/Zustand for state.
- API Docs here
- Secure Auth: Implemented protected routes and token rotation.
- Performance: Used React Query to minimize redundant API hits.
- Code Quality: Organized into a clean Controller-Service architecture.
🚀 How to Run Locally Prerequisites: Node.js and MongoDB are required to be installed.
Follow these steps to get the projects up and running on your local machine:
- Clone the Repository
git clone https://github.com/Harry-47/Full-Stack-Projects.git. cd Full-Stack-Projects.
- Setup the Backend (Server) Choose a project (e.g., Employee-Management-System) and navigate to its server folder: cd Employee-Management-System/server npm install
Environment Variables: Create a .env file in the server folder and add your:
MONGO_URI (Your MongoDB connection string)
JWT_SECRET (Any random string for authentication)
PORT (e.g., 5000)
GITHUB_CLIENT_ID(For Oauth, create an OAuth app in your developer settings in your github account first , it will proivde you this so just copy-paste here)
GITHUB_CLIENT_SECRET(Same as above)
MAILTRAP_USER (Go to mailtrap, create an account and copy this and paste here)
MAILTRAP_PASS ( same as above)
CLIENT_URL (URL OF THE FRONTEND APP)
SERVER_URL (URL OF THE BACKEND APP)
Run the server:
npm run dev
- Setup the Frontend (Client) Open a new terminal and navigate to the client folder:
cd Employee-Management-System/client. npm install.
Environment Variables: Create a .env file in the server folder and add your:
VITE_API_URL( basically the base route of your backend server).
VITE_SERVER_URL ( what i did was base route for serving static file was different that actual base route so just add it by finding from network tab where does the img tag requests for the image, HEHE 😅).
VITE_AUTH_URL ( this is same as your VITE_API_URL but specifically named just for auth pages to send request to server , but must add because auth pages are actually using it).
npm run dev.
Developed by Harry-47 - CS Undergrad & MERN Enthusiast.