https://github.com/thainapires/pizzashop
Dashboard for managing establishments and order control, inspired by iFood (a famous orders management in Brazil)
https://github.com/thainapires/pizzashop
authentication frontend manager-system reactjs restaurant-management tailwind
Last synced: 2 months ago
JSON representation
Dashboard for managing establishments and order control, inspired by iFood (a famous orders management in Brazil)
- Host: GitHub
- URL: https://github.com/thainapires/pizzashop
- Owner: thainapires
- Created: 2025-01-09T23:47:55.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-11T16:05:29.000Z (over 1 year ago)
- Last Synced: 2025-12-27T02:52:52.686Z (6 months ago)
- Topics: authentication, frontend, manager-system, reactjs, restaurant-management, tailwind
- Language: TypeScript
- Homepage:
- Size: 837 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
##### English Version:
# 🍕 Pizza Shop
Dashboard for managing establishments and order control, inspired by iFood (a famous orders management in Brazil), developed through the ReactJS training by Rocketseat.
## Setup
##### Running with the API
If you want to test the application with the backend, follow these steps:
1. Clone the API repo and follow its setup instructions to run it locally:
[Pizzashop API - Rocketseat](https://github.com/rocketseat-education/pizzashop-api)
2. Copy the contents of```.env.local.example``` into a new file called ```.env.local```.
3. Install dependencies:
```pnpm i```
3. Start the application:
```pnpm run dev```
##### Running with mocks
If you want to test only the frontend using mock data, follow these steps:
1. Install dependencies:
```pnpm i```
2. Start the application with mock data:
```pnpm run dev:test```
## Tests
1. Unit Tests
To run the unit tests (using Vitest), use the following command:
```pnpm run test```
2. End-to-End (E2E) Tests
To run end-to-end tests (using Playwright), use:
```pnpm playwright test```
If you prefer to run tests with the Playwright UI, use:
```pnpm playwright test --ui```
## Main tools
React, React Router DOM, Tailwind, shadcn/ui, React Query, Radix, vitest and playwright.
## Learnings
Throughout this project, I learned a lot about React Query and its advantages, such as efficient data fetching, caching and optimized queries. I also deepened my knowledge of unit testing using Vitest and end to end testing (E2E) with Playwright, both widely used tools in the industry. Additionally, the project enhanced my skills in building scalable react applications, managing states and optimizing performance while following best practices.
## Features
- Establishment registration;
- Establishment login (magic link);
- Registration as a customer;
- Creation of new orders;
- Menu management;
- Evaluation management;
- Order management;
- Establishment profile management;
- Store open/closed;
- Dashboard metrics;
- Order graph in the last 15 days;
- Value graph in the last 15 days;
- Average evaluations (month/general);
- Average orders per day (month/general);