Exclusive is a responsive e-commerce website built with React, Vite, HTML, and CSS.
It allows users to browse products, manage their wishlist and cart, and complete a smooth checkout process.
The project demonstrates a full-featured shopping experience with authentication, product categories, and responsive design across all devices.
Exclusive.demo.mp4
Before running the project, ensure you have installed:
- Node.js (>= 18)
- npm or yarn
-
Clone the repository:
git clone https://github.com/your-username/exclusive.git cd exclusive/client -
Install dependencies:
npm install -
Start the development server:
npm run dev
- Frontend Framework: React
- Build Tool: Vite
- Languages: HTML, CSS, JavaScript
- Routing: React Router DOM
- Icons: Font Awesome
-
User Authentication:
Users can sign up to create an account or sign in if they already have one. Authentication ensures a personalized experience and access to all website functionalities. -
Product Browsing and Categories:
All available products are displayed with the ability to filter by category. This allows users to quickly find items of interest and explore different product collections with ease. -
Product Details and Related Products:
Each product has a dedicated page showing complete details, including description and pricing. The page also suggests related products to encourage product discovery. -
Wishlist Management:
Users can add products to a wishlist for future consideration. They can view all saved items at any time and remove products when they are no longer interested. -
Cart Management:
The cart allows users to add products, increase or decrease quantities, and see automatic price updates. Users can also remove products directly from the cart before finalizing their purchase. -
Checkout Process:
During checkout, users see a summary of their selected items along with the total cost. They can then choose their preferred payment method and proceed to complete the purchase. -
User Profile Management:
Users can edit their personal information to keep their profile up to date, ensuring accuracy in account details and order processing. -
About and Contact Pages:
The website provides an About page with information about the store and a Contact page that allows users to get in touch for inquiries or support. -
Responsive Design:
The website is fully responsive, adapting seamlessly to desktops, tablets, and smartphones, ensuring an optimized experience across all devices.