🛍️ E-Commerce Web Application

Trendz is a modern, responsive e-commerce web application built using React and Tailwind CSS. It allows users to browse products, view detailed product information, manage their shopping cart, and complete purchases through Razorpay integration.

---

Authentication

User registration is not implemented because the API only supports authentication for its predefined users.

Therefore, only accounts supported by the API can log in.

Demo Credentials

• Email: rahul
• Password: rahul@2021

🚀 Live Demo

---

---

📸 Screenshots

🖥️ Desktop View	📱 Mobile View

---

🚀 Features

• 🔐 User Authentication using JWT
• 🛒 Product Listing
• 🔍 Search Products
• 📂 Filter by Category, Rating
• ↕️ Sort Products by Price
• 📄 Product Details Page
• ➕ Add to Cart and Increase/Decrease Quantity
• ❌ Remove Products from Cart
• 💳 Razor pay Payment Integration
• 📱 Fully Responsive Design
• 🍞 Toast Notifications

---

🛠️ Tech Stack

Frontend

• React.js
• React Router
• Tailwind CSS

State Management

• React Context API

Authentication

• JWT Authentication
• js-cookie

Payment

• Razorpay

Notifications

• React Toastify

Loading

• React Spinners

---

⚙️ Installation

Clone the repository

git clone https://github.com/codamee/ecommerce-trends.git

Navigate into the project

cd ecommerce-trends

Install dependencies

npm install

Start the development server

npm run dev

---

🎯 Learning Outcomes

This project helped me learn:

• React Components
• React Hooks
• Context API
• React Router
• JWT Authentication
• API Integration
• State Management
• Responsive Design (Mobile First)
• Tailwind CSS
• Local Storage
• Toast Notifications
• Component Reusability

---

🔮 Future Improvements

• Wishlist
• User Profile
• Order History
• Dark Mode
• Product Reviews
• Pagination
• Backend Integration
• Admin Dashboard
• Coupon System

---

⭐ If you like this project, consider giving it a star!