/fakestore-api-shop

Minimalist shopping app fetching product data using APIs. Designed with simplicity in mind, providing an efficient and clean shopping experience

Primary LanguageJavaScript

React E-Commerce Shop

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.

Features

  • 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.

Technologies Used

  • 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.

Getting Started

To run this project on your local machine, follow these steps:

  1. Clone the repository:

    git clone https://github.com/your-username/react-e-commerce-shop.git
  2. Navigate to the project directory:

    cd react-e-commerce-shop
  3. Install the dependencies:

    npm install
  4. Start the development server:

    npm start

    This will start the development server and open the application in your default browser.

  5. You should now be able to view and interact with the React E-Commerce Shop.

Configuration

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.

Credits

This project is based on the following resources:

Contributing

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.

License

This project is licensed under the MIT License.

Contact

If you have any questions or suggestions, feel free to contact me at amirsouaf2@gmail.com.

Happy shopping!