https://github.com/kooltheba/shopping-cart-react
🛒 Shopping cart made with React, testing and Material-UI 💥
https://github.com/kooltheba/shopping-cart-react
enzyme jest material-ui oop prop-types react testing
Last synced: 26 days ago
JSON representation
🛒 Shopping cart made with React, testing and Material-UI 💥
- Host: GitHub
- URL: https://github.com/kooltheba/shopping-cart-react
- Owner: KoolTheba
- License: agpl-3.0
- Created: 2020-10-13T09:40:34.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2020-11-07T16:30:41.000Z (over 4 years ago)
- Last Synced: 2025-02-17T03:37:02.248Z (4 months ago)
- Topics: enzyme, jest, material-ui, oop, prop-types, react, testing
- Language: JavaScript
- Homepage:
- Size: 568 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-shopping-cart
🛒 Shopping cart made with React, testing and Material-UI 💥
> 💃 Extra stuff: see the shopping cart with a data persistance implementation thanks to the home-baked 🧁 localstorage api [todos-goals-api-localstorage](https://www.npmjs.com/package/todos-goals-api-localstorage)
```sh
git checkout feat/add_localstorage
```
# Up and Running!
1. **Clone this repository.**
```sh
git clone https://github.com/KoolTheba/shopping-cart-react.git
```
2. **Start developing.**
Navigate into your new site’s directory, install dependencies and start it up:
```sh
cd react-shopping-cart-app/
npm install
npm run start
```
3. **Running!**
Your site is now running at `http://localhost:3000` 🚀
# Dependencies
- React
- Material UI
- Jest/Enzyme for testing
- My awesome 👉 [todos-goals-api-localstorage](https://www.npmjs.com/package/todos-goals-api-localstorage)
# Scripts
In the project directory, you can run:
#### `npm start`
Runs the app in the development mode.
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
#### `npm test`
Launches the test runner in the interactive watch mode.
# What's next
For the next or upcoming releases:
- Add Payment/Button component
- Stock handling/feature
- Effects for improving user experience
- Code Refactor, dependencies vulnerabilities, improve responsiveness and styling....anything that can be make it prettier and cooler! 💅