An open API service indexing awesome lists of open source software.

https://github.com/rysth/react-smartcommerce

REACT eCommerce is an application where users can find, add, remove, and edit products calculating the subtotal, taxes, and total in terms of quantity and price. Build with React, HTML, CSS, JavaScript, and FakeStoreAPI.
https://github.com/rysth/react-smartcommerce

Last synced: 2 months ago
JSON representation

REACT eCommerce is an application where users can find, add, remove, and edit products calculating the subtotal, taxes, and total in terms of quantity and price. Build with React, HTML, CSS, JavaScript, and FakeStoreAPI.

Awesome Lists containing this project

README

          


logo


John Palacios - RysthCraft


# 📗 Table of Contents

- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Commands](#commands)
- [Test](#test)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

# 📖 REACT eCommerce

- **REACT eCommerce** is an application where users can find, add, remove, and edit products calculating the subtotal, taxes, and total in terms of quantity and price. Build with React, HTML, CSS, JavaScript, and FakeStoreAPI.

## 🛠 Built With

### Tech Stack

- [HTML](https://www.w3schools.com/html/)
- [CSS](https://www.w3schools.com/css/)
- [JavaScript](https://www.w3schools.com/js/)
- [React](https://react.dev/)

### Key Features

- Display a list of products from an API.
- Add products to a Cart Item.
- Calculate the Subtotal, Taxes, and Total of the products.

(back to top)

### 🚀 Live Demo

![956shots_so](https://github.com/Rysth/REACT-eCommerce/assets/115722896/6c4d0120-2bd3-455f-b996-368f903b1093)

- [Live Demo](https://react-smartcommerce.onrender.com/)

## 💻 Getting Started

To get a local copy up and running, follow these steps.

### Setup

Clone this repository to your desired folder:

```
git clone https://github.com/Rysth/REACT-eCommerce.git
cd REACT-eCommerce
code . (To open VS Code Editor)
```

Then, you will change everything you want!

### Commands

- ✔️ _npm start_:
Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

- ✔️ _npm test_:
Launches the test runner in the interactive watch mode. See the section about running tests for more information.

- ✔️ _npm run build_:
Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

### Test

In order to follow the Linters you could check them using this:

```
CSS Checker:
npx stylelint "**/*.{css,scss}"

ESLint Checker:
npx eslint "**/*.{js,jsx}"
```

_Use at the end '--fix' to help you out with any error._

(back to top)

## 👥 Authors

👤 **John Palacios**

- GitHub: [@rysthcraft](https://github.com/Rysth)
- Linkedin: [@johnpalacios](https://www.linkedin.com/in/john-palacios-rysthcraft/)

(back to top)

## 🔭 Future Features

- Use Strapi to serve as the Headless CMS.
- Use the project as a Template for any Commerce Type

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)

## ⭐️ Show your support

If you like this project feel free to watch it and take some features that will enhance your project
as well.

(back to top)

## 🙏 Acknowledgments

I would like to thank the Microverse Team for reviewing my code and making me a better
professional.

(back to top)

## 📝 License

This project is [MIT](./LICENSE.md) licensed.

(back to top)