Shophub - MERN Stack E-Commerce Web App

Welcome to Shophub, a full-fledged MERN stack e-commerce web application designed to provide a seamless shopping experience. This project combines the power of React, Node, Express, and MongoDB to create a feature-rich platform for both users and administrators.

---

Live Site

Tech Stack:

Frontend:

• React
• Redux Toolkit for state management
• Axios for API requests
• React-Hot-Toast for notifications
• Fontawesome for icons

Backend:

• Node
• Express
• Mongoose for MongoDB interactions
• BcryptJS for password hashing
• JSONWebToken (JWT) for authentication
• Razorpay for payment gateway integration

Key Features:

User Pages:

• Home
• Product Catalog
• Product Details
• Authentication
• My Profile
• Cart
• Orders
• 404 Page

Admin Pages:

• Admin Dashboard
• Manage Items

Functionality:

• Basic user authentication
• Admin authorization for product and order management
• Razorpay payment gateway integration (Test Mode)
• Search and filter options for enhanced user experience
• Responsive design for mobile devices
• Use of modals for various interactions
• Moment package for date formatting

REST API and Backend Features:

CRUD Operations:

• REST API for seamless Create, Read, Update, Delete operations

Authorization:

• JWT verification for admin-only operations

Security:

• BcryptJS for secure password hashing

Payment Integration:

• Razorpay integration for secure and efficient payment processing

Performance Optimization:

• Caching for static files
• HTTP cache headers for optimized server responses

Getting Started:

1. Clone the repository:

git clone https://github.com/b0n21en5/shophub.git

2. Set up the backend:

• Configure environment variables
• Start the backend server

cd Server
npm install
npm run server

3. Set up the frontend:

• Configure environment variables
• Start the React app

cd Frontend
npm install
npm run dev

4. Access the application at http://localhost:5173 in your browser.

Connect with Me:

I'm excited to share this project with the community. Let's connect and discuss the incredible world of e-commerce and technology!

LinkedIn: Bikash Nath Email: [email protected]

• Feel free to explore, contribute, and customize Shophub to suit your needs. Happy coding! 🚀✨