Skip to content

Harry-47/Full-Stack-Projects-MERN-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

12 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸš€ MERN Stack Industrial Projects Hub

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.

πŸ› οΈ Tech Stack Used

  • 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.

πŸ“‚ Projects Included

1. StaffGrid (Employee Management System)

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

2. Harryesthetics (E-commerce Platform)

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

  • 1. Viewspot (Social Media Platform)

A real-time social media platform for connecting with your loved ones.

  • Key Features: Real-Time chat & Notifications, infinite scroll, basic upload, comment , like functionalities and personal chat rooms for chat (Instagram based architecture).
  • Key Tech: React for frontend, Node for backend & MongoDB for data storage.
  • No Docs yet

πŸ”’ Security & Optimization

  • Secure Auth: Implemented protected routes and token rotation.
  • Performance: Used React Query to minimize redundant API hits.
  • Code Quality: Organized into a clean MVC architecture.
  • WebSockets: Used Socket.io for real time features.

πŸš€ 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:

  1. Clone the Repository

git clone https://github.com/Harry-47/Full-Stack-Projects.git. cd Full-Stack-Projects.

  1. 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

Make sure to add the .env file with environment variables added in the .env.example file πŸ‘€

Run the server:

npm run dev

  1. Setup the Frontend (Client) Open a new terminal and navigate to the client folder:

cd Employee-Management-System/client npm install

Make sure to add the .env file with environment variables added in the .env.example file πŸ‘€

npm run dev.

Developed by Harry-47 - CS Undergrad & MERN Enthusiast.

Releases

No releases published

Packages

 
 
 

Contributors

Languages