https://github.com/rsginer/flw-shopping

React Redux Typescript Redux-Saga Shopping Cart
https://github.com/rsginer/flw-shopping

react react-typescript react-typescript-redux shopping-cart typescript

Last synced: about 1 month ago
JSON representation

React Redux Typescript Redux-Saga Shopping Cart

• Host: GitHub
• URL: https://github.com/rsginer/flw-shopping
• Owner: RSginer
• Created: 2020-03-04T11:18:29.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T09:20:36.000Z (almost 2 years ago)
• Last Synced: 2023-03-08T05:58:10.326Z (almost 2 years ago)
• Topics: react, react-typescript, react-typescript-redux, shopping-cart, typescript
• Language: TypeScript
• Homepage:
• Size: 1.65 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 24
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Shopping 🛍



## 🥇 Features

  - ✅ See a large list of products

  - ✅ See stock availability for each product

  - ✅ See the list of items in the cart

  - ✅ Add a product to the cart

  - ✅ Increase/decrease the quantity of products already in the cart, decreasing down 0 will remove the product from the cart.

  - ✅ See cart total amount

  - ✅ Multiple device ready

  - ✅ ⭐️ Add product to  favorite products

  - ✅ ⭐️ List the favorite products

  - ✅ 🚀 Optimistic UI with rollback on server error

 

### 🗒 TODO

  - ⚠️ Tests. _(See [My Movies Binge List](https://github.com/RSginer/react-movie-binge-list) for Tests examples)_

### Getting Started 🎉

In the project directory, you can run:

`yarn install`

Install dependencies

`yarn start:server` it runs server. Open [http://localhost:3001/grocery](http://localhost:3001/grocery) to view it in the browser.

`yarn start:webapp` it runs webapp. Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

`yarn start` it runs both

The page will reload if you make edits.


You will also see any lint errors in the console.

`yarn 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.

The build is minified and the filenames include the hashes.


Your app is ready to be deployed!

## 🏆 Others of my React projects

 - [Idle Capitalist](https://github.com/RSginer/idle-capitalist): 🎮 Video Game Full Stack JS

 - [My Movies Binge List](https://github.com/RSginer/react-movie-binge-list): 🎬 TDD with Jest