Game Hub

Game Hub is a full-stack e-commerce platform for purchasing video games. It features a modern React frontend with a robust Node.js/Express backend, offering a seamless shopping experience with user authentication, cart management, and order processing.

Repository Links

Main Project

• Frontend Repository: https://github.com/esrafil418/game-hub

Backend

• Backend Repository: https://github.com/esrafil418/game-hub_backend

Admin Panel

• Admin Panel Repository: https://github.com/esrafil418/game-hub_admin-panel

Features

• Shopping Cart: Write Add/remove items with real-time updates
• User Authentication: Secure login/registration with JWT
• Game Catalog: Browse games with category filtering
• Responsive Design: Mobile-first approach with Tailwind CSS
• Admin Panel: Add and manage game listings
• Persistent Cart: Cart data syncs across devices

Technologies

• React 19: UI Library
• TypeScript: Type Safety
• Tailwind CSS 4: Styling
• React Router DOM: Routing
• Axios: HTTP Client
• Lucide React: Icons
• Vite: Build Tool
• Node.js: Runtime
• Express 5: Web Framework
• MongoDB: Database
• Mongoose: ODM
• JWT: Authentication
• Bcrypt: Password Hashing
• Multer: File Upload
• Stripe: Payment Processing

Getting Started

To get started with this project, you can clone the repository and install the

dependencies:

• Node.js (v18 or higher)
• MongoDB (local or Atlas)
• npm or yarn

git clone
npm install

Once the dependencies are installed, you can run the development server:

npm run server

The development server will start at http://localhost:4000.

Environment Variables

• PORT=4000
• MONGO_URI=your_mongodb_connection_string
• JWT_SECRET=your_jwt_secret_key
• STRIPE_SECRET_KEY=your_stripe_secret_key

Read more in Github Repository.