Tuhfa - Modern Fashion E-commerce Website

Tuhfa is a full-stack e-commerce web application built with the MERN stack (MongoDB, Express.js, React, Node.js). It provides a seamless online shopping experience for modern fashion clothing and accessories, featuring user authentication, product browsing, shopping cart, and checkout functionalities.

Features

• User Authentication & Authorization

  • Secure signup/login with JWT authentication.
  • Role-based access: regular users and admins.

• Product Management

  • Browse products with categories, filters, and search.
  • Admins can add, update, or remove products.

• Shopping Cart & Orders

  • Add items to cart, modify quantities, and remove items.
  • Place orders with real-time order tracking.

• Payment Integration

  • Supports popular payment gateways (Stripe/PayPal, configurable).
  • Secure payment processing with order confirmation.

• Responsive Design

  • Mobile-first design for seamless experience on all devices.
  • Modern UI/UX tailored for fashion e-commerce.

• Admin Dashboard

  • Manage products, categories, users, and orders.
  • View analytics on sales and user activity.

Tech Stack

• Frontend: React, Redux, Tailwind CSS (or your preferred UI library)
• Backend: Node.js, Express.js
• Database: MongoDB
• Authentication: JWT, bcrypt
• Payment: Stripe or PayPal integration
• Deployment: Vercel/Netlify for frontend, Heroku/DigitalOcean for backend (optional)

Installation

1. Clone the repository

git clone https://github.com/your-username/tuhfa.git
cd tuhfa

2. Install backend dependencies

cd backend
npm install

3. Install frontend dependencies

cd ../frontend
npm install

4. Configure Environment Variables Create a .env file in the backend folder with the following variables:

MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret
STRIPE_KEY=your_stripe_key

5. Run the project

# Start backend
cd backend
npm run dev

# Start frontend
cd ../frontend
npm start

The app should now be running at http://localhost:3000.

Screenshots

Login Page

Homepage

Product Page

Product Review

Shopping Cart

Procceed to Payment

Contact Us Page

Folder Structure

tuhfa/
├── backend/       # Express server, routes, models, controllers
├── frontend/      # React app with components, pages, redux store
├── README.md
├── package.json
└── ...

Contributing

Contributions are welcome!

1. Fork the repository
2. Create a new branch (git checkout -b feature/YourFeature)
3. Commit your changes (git commit -m 'Add some feature')
4. Push to the branch (git push origin feature/YourFeature)
5. Open a pull request