Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/andresilveira1/pizza-shop-web
App to manage a delivery store.
https://github.com/andresilveira1/pizza-shop-web
axios mock-server playwright react-hook-form react-query tailwindcss testing-library-react vitest zod
Last synced: about 2 months ago
JSON representation
App to manage a delivery store.
- Host: GitHub
- URL: https://github.com/andresilveira1/pizza-shop-web
- Owner: andresilveira1
- Created: 2024-07-30T00:02:21.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-08-25T15:36:19.000Z (6 months ago)
- Last Synced: 2024-10-31T03:25:17.039Z (3 months ago)
- Topics: axios, mock-server, playwright, react-hook-form, react-query, tailwindcss, testing-library-react, vitest, zod
- Language: TypeScript
- Homepage:
- Size: 430 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Pizza shop
Pizza shop is a app to manage a delivery store.
## Introduction
#### Project created with Vite, ReactJS and Typescript. This project is a part of the ReactJS course from [Rocketseat](https://www.rocketseat.com.br/).
This application works as a dashboard to shopkeepers that owner a restaurant. The manager have access to resources like all orders and store metrics.
The app have a default design from shadcn/ui components. A library with pre-styled components using Tailwind.
I've learn how to use React Query to handle with front-end and back-end request, mocks to intercept the request and returning fictitious data to facilitate development and working with unitary and e2e tests.
## Features
- Login with magic-link (The auth link is set to be send to back-end console.log).
- Register a new store.
- Update store profile.
- Total revenue on the current month and a comparison with previous month.
- Total orders on the current month and a comparison with previous month.
- Total orders on current day and a comparison with previous day.
- Total orders canceled on the current and a comparison with previous month.
- Most popular products.
- Check the revenue by period (Max 7 days).
- View all orders. There is a pagination that show a max of 10 orders per page.
- Filter by id, customer name and status.
- Update order status.
- Check order details.
## Technologies
#### Some library that I've used on develop.
- React router dom
- React hook from
- Zod
- React Query
- Shadcn/ui
#### Some library that I've used on test.
- Vitest
- MSW: Mock service work
- Testing library
- Happy dom
- Playwright
## Back-end
[Pizza Shop API](https://github.com/andresilveira1/pizza-shop-api)
## For run
#### Clone the repository and install dependencies.
```bash
git clone https://github.com/andresilveira1/pizza-shop-web.git
npm install
```
#### Run with back-end
```bash
npm run dev
```
This manage account can be used. Remember that there will be a link on back-end console.log to confirm the access.
#### Run without the back-end
```bash
npm run dev:test
```
#### Unit tests
```bash
npm run test
```
#### E2E tests
```bash
npx playwright test --ui
```
[](https://choosealicense.com/licenses/mit/)