Online Clothing Store - E-commerce Project

Welcome to the Online Clothing Store, an e-commerce project built using React, Redux, SCSS, and connected to Firebase. This project allows users to browse different categories of clothing, add products to their cart, and perform basic CRUD operations for managing an online store.

Installation

To get started with the Online Clothing Store, follow these steps:

1. Clone the project from the GitHub repository:

   git clone https://github.com/syedaCodes/onlineClothingShop.git

2. Change directory to the project folder:

   cd onlineClothingShop

3. Install the required dependencies using npm:

   npm install

4. Connect to your Firebase account:

   • Create a new Firebase project on the Firebase Console.
   • Obtain your Firebase configuration details (apiKey, authDomain, projectId, etc.).
   • Update the Firebase configuration in the project code to link it to your Firebase project.

Usage

To use the Online Clothing Store, follow these instructions:

1. Launch the application:

   npm run dev

2. Browse the homepage to view the available categories of clothing.

3. Click on a category to view the list of products available in that category.

4. To add a product to the cart, click the "Add to Cart" button on the product page.

5. Visit the checkout page to view the products added to your cart. You can adjust the quantity of items and remove products from the cart.

6. The cart will calculate the total price of all the products in your cart.

Features

The Online Clothing Store provides the following features:

• Browse different categories of clothing.
• Update/ Add and remove products to/from the cart.
• Adjust the quantity of items in the cart.
• Calculate the total price of the products in the cart.

Release Notes

Version v1.0-saga

In Release v1.0-saga, the redux-saga middleware was introduced to manage asynchronous operations and complex workflows within Redux-based data management system. This release is focused on optimizing side effects and ensuring a more structured and maintainable codebase.

For more detailed information about the enhancements brought by redux-saga in this release, please refer to the Release v1.0-saga Notes.

Next Steps: To continue to evolve the Online Clothing Store application, will transition to Redux Toolkit in the upcoming release to further simplify the state management approach.

Contributing

I welcome contributions to enhance the Online Clothing Store. If you want to contribute, please follow these steps:

1. Fork the repository on GitHub.

2. Create a new branch from the main branch for your feature or bug fix.

3. Make your changes and test them thoroughly.

4. Create a pull request and provide a detailed description of your changes.

Contact

If you have any questions, feedback, or issues related to the Online Clothing Store, feel free to contact me via email at syeda or through GitHub issues.

Note

This project currently does not have any tests. It is built as a side project and may not follow full test-driven development practices. However, I might consider adding tests as the project evolves, and I appreciate any contributions in this area.