🛒 React E-Commerce Website

A full-stack e-commerce web application built using React, Vite, and Tailwind CSS. This project demonstrates modern frontend development practices and UI design principles.

🚀 Features

• 🔍 Dynamic product listings
• 🛒 Add to cart & quantity update
• 📦 Checkout with address and payment input
• 🗺️ Map-based shipping location using Leaflet
• 💻 Responsive UI for desktop and mobile

🔧 Tech Stack

• React
• Vite
• Tailwind CSS
• Leaflet (for maps)
• React Router
• Context API or Redux (if you're using one)

📸 Screenshots

🛍️ Home Page

Landing page showcasing featured products, a sleek navbar, and intuitive navigation.

🔍 Product Listings

Displays available products with filters and category-based sorting.

🛒 Cart Page

Overview of selected items, quantity management, and total price calculation.

🧾 Checkout Page

Final step where users provide their address, choose a payment method, and confirm the order. 📍 Map-Based Location Picker

Users can pin their exact location using an interactive map for accurate delivery.

👤 Profile Page

Users can view and manage their personal details including name, email, and address. This page also allows updates to profile information, enhancing user experience and personalization.

📝 Sign Up Page

New users can create an account by providing their name, email, and password. Form includes validation and error handling. 🔑 Sign In Page

Existing users can securely log in using their credentials. Includes “Forgot Password” link and validation feedback.

📧 Email Verification Page

After registration, users are prompted to verify their email address to activate their account. This ensures security and prevents fake sign-ups.

📁 Folder Structure

🧑‍💻 How to Run Locally

Clone the repository

git clone https://github.com/B1gSmok/React-ecommerce.git

Navigate into the project directory

cd React-ecommerce

Install all dependencies

npm install

Start the development server

npm run dev