Ninja Threads is a full-stack e-commerce web application dedicated to anime fans. It allows users to browse, search, and purchase anime-themed t-shirts and merchandise. The platform is built using the MERN Stack (MongoDB, Express, React, Node.js) and features a responsive design for a seamless shopping experience.
- 🛒 Smooth Shopping Experience: Browse and search for anime t-shirts with an appealing and responsive UI.
- 🔐 User Authentication: Secure signup and login for customers and admins (JWT based).
- 👥 Role-Based Access:
- Customers: Browse products, manage cart, place orders.
- Admins: Manage products (Add/Edit/Delete), view orders.
- 📡 RESTful API: Secure backend built with Node.js and Express.
- 📱 Responsive Design: Optimized for both desktop and mobile devices.
- Frontend: React.js, React Hooks, Context API, Axios
- Backend: Node.js, Express.js
- Database: MongoDB (Mongoose)
- Authentication: JSON Web Tokens (JWT)
ninja-threads/
├── client/ # React Frontend
│ ├── src/
│ │ ├── components/
│ │ ├── context/
│ │ └── pages/
├── server/ # Node/Express Backend
│ ├── config/ # DB connection
│ ├── controllers/ # Route logic
│ ├── models/ # Mongoose models
│ └── routes/ # API endpoints
└── README.md
**
⚙️ Installation & Setup
Follow these steps to run the project locally.
1. Clone the repository
Bash
git clone [https://github.com/YourUsername/ninja-threads.git](https://github.com/YourUsername/ninja-threads.git)
cd ninja-threads
2. Backend Setup
Navigate to the server folder and install dependencies.
Bash
cd server
npm install
Configuration: Create a .env file in the server directory and add the following:
Code snippet
PORT=5000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_secret_key
Start the server:
Bash
npm start
3. Frontend Setup
Open a new terminal, navigate to the client folder, and install dependencies.
Bash
cd ../client
npm install
Start the React app:
Bash
npm start
The app should now be running on http://localhost:3000.
**