/ecommerce

E-Commerce website built with React.js.

Primary LanguageJavaScript

E-commerce Website

Overview

This is an E-Commerce website built using React & Vite. The project features user authentication and authorization, search functionality, product details pages, shopping cart and checkout functionality, and a wishlist feature.

Features

  • User authentication and authorization
  • Search functionality
  • Product details page with images, descriptions, and reviews
  • Shopping cart and checkout functionality with stripe integration
  • Wishlist feature
  • Responsive design with mobile-friendly layout

Technical Details

  • Front-end built using React, Vite, and Tailwind CSS
  • State management using React Context and Reducers
  • Form handling and validation using Formik and Yup

Folder Structure

The project is organized in a modular structure, with separate folders for:

  • src: contains the application code
  • assets: contains static assets such as images and icons
  • components: contains reusable UI components
  • context: contains React context for state management
  • pages: contains routes for the application
  • styles: contains CSS styles for the application

Dependencies

  • @tanstack/react-query for data fetching and caching
  • @fortawesome/fontawesome-free for icons
  • react-router-dom for client-side routing
  • react-slick for carousel functionality
  • yup for form validation
  • axios for making HTTP requests
  • flowbite for UI components
  • formik for form handling

Local Development

To run the project locally:

  1. Clone the repository using git clone
  2. Install dependencies using npm install
  3. Start the development server using npm run dev or yarn dev
  4. Open the application in your browser at http://localhost:5173/

Video Demo

ecommerce.mp4