E-Commerce-React-App

Shopping site project that includes basic processes such as adding to cart, adding to favorites, product listing and product detail page, which should be on an e-commerce site.

View Demo

Table of Contents

1. About The Project
   • Built With
2. Getting Started
3. Usage
4. Roadmap
5. License
6. Contact
7. Acknowledgments

About The Project

An e-commerce site with basic shopping functions. You can list the products according to their categories, go to the detail page of the relevant product, add the product to your favorites and to the cart, together with the captured product data.

The project was developed in conjunction with React.js, including Context, Hooks, and Life Cycles Methods. Styled with Tailwind CSS.

(back to top)

Built With

• React.js
• Tailwind CSS
• Axios
• Fake Store Api

(back to top)

Getting Started

• Fork the project and clone it locally.
• In the project directory, ou can follow the steps below to download the dependencies:
  • Install with npm:

  npm i

  • Install with yarn:

  yarn

• In the project directory, you can run:
  • Run with npm:

  npm run

  • Run with yarn:

  yarn start

(back to top)

Usage

You can list the products by clicking on the categories, add and remove the products to the cart and favorites. You can view the products you have added to the cart and favorites on the cart and favorites pages.

See it live!

(back to top)

Roadmap

• Fetching product data, listing by categories and product detail page.
• Add to favorites and favorites page.
• Add to cart and cart page.
• Responsive Design - [ ] Navbar - [ ] Card
• Complete the sign in and sign up process.
• Create order page.

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Alper Tugriçeri - Linkedin - alpertugriceri@gmail.com

Project Link: https://github.com/Atugriceri/e-commerce-react-app

(back to top)

Acknowledgments

• Hero Icons

(back to top)