FashionHub 🛍️

🌟 Modern E-commerce Platform Built with HTML, TailwindCSS, and Node.js 🌟

View Demo • Features • Installation • Tech Stack • Contributing

🎯 About The Project

FashionHub is a modern, fully responsive e-commerce platform designed to provide an exceptional shopping experience. Built with performance and user experience in mind, it features a clean design, dark/light mode support, and seamless shopping functionality.

🌟 Key Features

• 📱 Fully Responsive Design
• 🌓 Dark/Light Mode
• 🛍️ Product Categories
• 🔍 Search Functionality
• 🛒 Shopping Cart
• 👤 User Authentication
• 💳 Secure Checkout Process
• 📦 Order Tracking

📸 Screenshots

🏠 Homepage

Light Theme	Dark Theme

🛍️ Shop Page

Light Theme	Dark Theme

📱 Mobile View

Responsive Mobile Design

🖼️ View More Screenshots

Authentication Pages

Login	Register

About Page

Light Theme	Dark Theme

Contact Page

Light Theme	Dark Theme

Shopping Cart

Light Theme	Dark Theme

✨ Features

• 🎨 Modern UI/UX

  • Responsive design using Tailwind CSS
  • Dark/Light mode support
  • Smooth animations and transitions
  • Mobile-first approach

• 🛒 Shopping Experience

  • Product catalog with filtering and sorting
  • Shopping cart functionality
  • Wishlist management
  • Secure checkout process

• 👤 User Management

  • User authentication and authorization
  • Profile management
  • Order history
  • Address management

• 🔒 Security

  • JWT-based authentication
  • Secure password handling
  • Protected API endpoints

🛠️ Built With

• Frontend:

  • HTML5
  • Tailwind CSS
  • JavaScript (ES6+)
  • Font Awesome Icons

• Backend:

  • Node.js
  • Express.js
  • MongoDB
  • JWT Authentication

🚀 Getting Started

Prerequisites

• Node.js (v14 or higher)
• MongoDB
• npm or yarn

Installation

1. Clone the repository

git clone https://github.com/lakmina456/FashionHub_e_commerce_website.git
cd fashionhub

2. Install dependencies

npm install

3. Set up environment variables

cp .env.example .env
# Edit .env with your configuration

4. Start the development server

npm run dev

🌐 API Endpoints

Products

GET    /api/products         # Get all products
GET    /api/products/:id     # Get single product
POST   /api/products         # Create product (Admin)
PATCH  /api/products/:id     # Update product (Admin)
DELETE /api/products/:id     # Delete product (Admin)

Users

POST   /api/users/register   # Register new user
POST   /api/users/login      # Login user
GET    /api/users/profile    # Get user profile
PATCH  /api/users/profile    # Update user profile

Orders

POST   /api/orders           # Create new order
GET    /api/orders           # Get user's orders
GET    /api/orders/:id       # Get single order
PATCH  /api/orders/:id       # Update order status

📱 Mobile Responsiveness

FashionHub is designed to work seamlessly across all devices:

• 📱 Mobile phones
• 📱 Tablets
• 💻 Laptops
• 🖥️ Desktop computers

🎯 Future Enhancements

• Integration with multiple payment gateways
• Real-time order tracking
• Product reviews and ratings
• Social media authentication
• Advanced search with filters
• Email notifications

🤝 Contributing

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

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

📧 Contact

Isuru Lakmina - @isuru_lakmina

Project Link: https://github.com/lakmina456/FashionHub_e_commerce_website

🙏 Acknowledgments

• Tailwind CSS
• Font Awesome
• Unsplash - for product images

---

If you found this project helpful, please consider giving it a ⭐️!

Built with ❤️ by Isuru Lakmina

ecommerce, online store, fashion website, responsive design, tailwindcss, nodejs, express, mongodb, shopping cart, dark mode, light mode