StyleStreet is an e-commerce website featuring over 150 women's clothing products in various sizes and colors. Users can select product attributes like size and color, manage their cart, and choose their preferred currency for transactions.
- Add and Remove Products: Easily add items to your cart and remove them if needed.
- Adjust Quantity: Modify the quantity of products in your cart with ease.
- Cart Overlay: View a summary of your cart items without leaving your current page.
- Product Attributes: See detailed product information, including selected size and color, in your cart and cart overlay.
- Category Filtering: Filter products by category to quickly find what you're looking for.
- Category and Product Page Shopping: Add products to your cart from both category and individual product pages.
- Attribute Selection: Ensure accuracy by selecting necessary attributes like size and color before adding items to your cart.
- Currency Selection: Change the store currency to options like EUR, GBP, AUD, JPY, and more to suit your location.
- Multi-Step Checkout: Enjoy a smooth and secure checkout process with multi-step guidance.
- Form Validations: Ensure accurate order information with form validations during checkout.
- Practiced React Class components.
- Built logic for choosing attributes and adding items to the cart.
This project was bootstrapped with Create React App.
To get started, ensure you have the following installed:
- Node.js
- npm
-
Clone the repository:
git clone https://github.com/rajanarahul93/styleStreet.git cd StyleStreet -
Install the dependencies:
npm install
In the project directory, you can run:
Runs the app in development mode. Open http://localhost:3000 to view it in your browser. The page will reload when you make changes. You may also see any lint errors in the console.