Skip to content

RSginer/flw-shopping

Repository files navigation

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

Getting Started 🎉

In the project directory, you can run:

yarn install

Install dependencies

yarn start:server it runs server. Open http://localhost:3001/grocery to view it in the browser.

yarn start:webapp it runs webapp. Open 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