This repository contains the front-end code for an E-Commerce website built using React and Tailwind CSS. The website allows users to browse various product categories, view product details, add products to the cart, and manage their wishlist.
Install my-project with npm
git clone https://github.com/himanshu01010/E-Mart.git
cd web_front
npm install
npm run dev
The project structure is organized as follows:
- src/: Contains the source code of the project.
- components/: Reusable UI components such as Navbar, Footer, and Carousel.
- data/: Data files containing information about product categories, subcategories, and products.
- main/: Different pages of the website, including the homepage, category pages, subcategory pages, and product details page.
- Homepage: Displays a carousel of images and product categories.
- Category Pages: Shows a list of subcategories within a category.
- Subcategory Pages: Displays products within a subcategory.
- Product Details Page: Provides detailed information about a specific product, including images, price, and specifications.
- Add to Cart: Allows users to add products to their shopping cart.
- Add to Wishlist: Enables users to add products to their wishlist for future reference.
- React: JavaScript library for building user interfaces.
- React Router DOM: Library for routing in React applications.
- Tailwind CSS: Utility-first CSS framework for building modern web applications.
- Embla Carousel React: React component library for creating carousels.
- ESLint: JavaScript linter for code quality.
- Vite: Build tool for modern web development.
- PostCSS: Tool for transforming CSS with JavaScript plugins.