This project is a simple e-commerce shop built using React and Material-UI. It utilizes the Fake Store API to fetch product data and allows users to browse products, add items to their cart, and complete the checkout process.
- Browse products from various categories.
- View detailed product information.
- Add items to the shopping cart.
- Update the quantity of items in the cart.
- Remove items from the cart.
- Calculate and display the total price of the items in the cart.
- Proceed to checkout and enter shipping information.
- Receive a confirmation message after successful checkout.
- React: A popular JavaScript library for building user interfaces.
- Material-UI: A UI component library that provides pre-designed and customizable UI elements.
- Fake Store API: A free and open API that provides product data for demonstration purposes.
To run this project on your local machine, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/react-e-commerce-shop.git
-
Navigate to the project directory:
cd react-e-commerce-shop -
Install the dependencies:
npm install
-
Start the development server:
npm start
This will start the development server and open the application in your default browser.
-
You should now be able to view and interact with the React E-Commerce Shop.
The project doesn't require any specific configuration to run. The necessary API calls to the Fake Store API are already implemented within the code.
This project is based on the following resources:
- Fake Store API: https://fakestoreapi.com/
- Material-UI: https://mui.com/
Contributions to this project are welcome! If you find any bugs or want to add new features, please feel free to submit a pull request.
This project is licensed under the MIT License.
If you have any questions or suggestions, feel free to contact me at amirsouaf2@gmail.com.
Happy shopping!