https://github.com/grzegorzpokorski/shopping-cart

Simple shopping cart
https://github.com/grzegorzpokorski/shopping-cart

cypress react tailwindcss typescript vite

Last synced: about 1 month ago
JSON representation

Simple shopping cart

• Host: GitHub
• URL: https://github.com/grzegorzpokorski/shopping-cart
• Owner: grzegorzpokorski
• Created: 2022-11-03T17:58:04.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-07-28T12:13:33.000Z (over 1 year ago)
• Last Synced: 2024-11-02T05:04:25.454Z (3 months ago)
• Topics: cypress, react, tailwindcss, typescript, vite
• Language: TypeScript
• Homepage: https://shopping-cart-gp.vercel.app
• Size: 6.51 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Shopping cart

Simple shopping cart app which allows to add items to cart, manage them in it and save placed orders to look for them in shopping history. You can also mark items as favorite. App uses localStorage to persist app state.

## 📍 Purpose of creating this app:

Learn how to use useReducer hook in action. Test how it is when components are organised in atomic design methodology. Learn to write unit and e2e tests.

## 🛠️ Used tools and technologies:

- React

- TailwindCSS

- Vite

- Vitest + React Testing Library

- Cypress

- i18next

## ⚙️ How to run this app locally on my computer?

1. Clone this repository (`git clone https://github.com/grzegorzpokorski/shopping-cart.git`).

2. Run `npm install`.

3. Run `npm run dev`.

## 🔗 Live version of app:

[https://shopping-cart-gp.vercel.app](https://shopping-cart-gp.vercel.app)

## Some screenshots:

![](/mockups/1.png?raw=true "Home page")

![](/mockups/2.png?raw=true "Home page with open basket")

![](/mockups/3.png?raw=true "Page with favourite items")

![](/mockups/4.png?raw=true "Shopping history")