This is a basic e-commerce project built with ReactJS and Vite. It allows users to list products, view specific product details, add products to the cart, place orders, and view the order history.
You can visit the live version of the app here:
- Gh-pages: Basic E-Commerce
- Netlify: Basic E-Commerce
- ReactJS: A JavaScript library for building user interfaces.
- Vite: A fast development build tool for modern web projects.
- React Hooks: Used to manage state and component lifecycle.
- TailwindCSS: A utility-first CSS framework for fast and efficient styling.
- Product Listing: Displays all available products.
- Filtering and search: Add product filtering and search.
- Product Details: View detailed information about each product.
- Shopping Cart: Add and remove products from the cart.
- Order Placement: Orders are recorded once the checkout is completed.
- Order History: View all previously placed orders.
- Authenticate: user authentication.
- My Account: Add module 'My Account' with personal information.
Follow these steps to install and run the project locally:
- Clone the repository:
git clone https://github.com/cachaucanes/Basic-E-commerce - Navigate to the project directory:
cd basic-ecommerce - Install dependencies:
npm install - Start the development server:
npm run dev
npm run dev: Starts the development server.npm run build: Builds the project for production.npm run preview: Previews the production build.npm run predeploy: Builds the project for production.npm run deploy: Publish project to gh-pages.
`src/
├── assets/ # Static files
├── Components/ # React components
├── Pages/ # Main pages
├── Context/ # Custom hooks
└── index.css # TailwindCSS styles
└── main.jsx # Root component` - Enhance user experience with animations.
Contributions are welcome! Feel free to open an issue or submit a pull request.
This project is licensed under the MIT License. You can view it here.