Casa Store

Welcome to Casa Store, your go-to online shopping destination! This project is the front end of an e-commerce app that allows users to explore a variety of products, filter items, add them to favorites, and manage their shopping cart. The app communicates with a fake API powered by JSON-server to provide a seamless user experience.

Table of Contents

• Features
• Technologies Used
• Video Record
• Installation and Setup
• Contributing
• License

Features

• Browse and view all products in the store.

• Filter items by category, including Men's clothes, Women's clothes, and more.

• Add products to favorites for quick access.

• Easily add items to the shopping cart.

• View and manage the shopping cart:

  • Increment or decrement item quantities.
  • Calculate the total cost of all items.
  • clear the shopping cart

• Second Hand Store Admin! 🛍️

• Products

  • Check Them Out: See what we've got in store.
  • Add Something New: Introduce fresh items to the collection.
  • Spruce Things Up: Make changes to product details.
  • Out with the Old: Remove items we no longer need.
  • Get the Scoop: Dive into the details of each product.
  • Sort by Style: Filter products based on their category.

• Categories

  • Mix It Up: Add new categories for our unique finds.
  • Rename the Party: Give our categories a new name.
  • Clean Up Crew: Remove categories that are no longer needed.

Technologies Used

• React
• Redux
• Redux Toolkit
• React Icons
• React Router
• Other libraries (I forget its' name examples slider, carousel)

Video Record

• Demo

Installation and Setup

1. Clone the Repository : git clone https://github.com/hkoutar7/Casa_Store-Dashboard.git casaStore

2. Backend Setup :

• Navigate to the backend folder: cd casaStore/backend
• Run the JSON server for the backend: json-server --watch db.json --port=3001

3. Admin Dashboard Setup :

• Navigate to the Admin Dashboard : cd casaStore/frontEnd
• Install dependencies: npm install
• Run the development server: npm start --port=3000
• Open your browser and go to http://localhost:3000/

4. Home Page Setup:

• Navigate to the Home Page: cd casaStore/frontEnd2
• Install dependencies: npm install
• Run the development server: npm start --port=3002
• Open your browser and go to http://localhost:3002/

Contributing

Contributions are welcome! If you'd like to contribute to the project, please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them with descriptive messages.
4. Push your branch to your fork.
5. Submit a pull request to the main repository.

Authors

• hkoutar7

license

Feel free to customize it further based on your specific project details!