Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pedrolucasaraujo/fullstack_restaurant_dashboard
This project is designed for restaurant merchants operating in delivery formats similar to iFood. It features an intuitive dashboard for tracking key metrics such as revenue by period, order volume, and cancellations. Users can update order statuses, apply filters, and view detailed information for each order. The app supports light and dark themes
https://github.com/pedrolucasaraujo/fullstack_restaurant_dashboard
axios date-fns happy-dom radix-ui react react-helmet-async reacthookform reactjs recharts router-dom sonner tailwindcss typescript zod
Last synced: 2 days ago
JSON representation
This project is designed for restaurant merchants operating in delivery formats similar to iFood. It features an intuitive dashboard for tracking key metrics such as revenue by period, order volume, and cancellations. Users can update order statuses, apply filters, and view detailed information for each order. The app supports light and dark themes
- Host: GitHub
- URL: https://github.com/pedrolucasaraujo/fullstack_restaurant_dashboard
- Owner: PedroLucasAraujo
- Created: 2024-09-27T12:26:31.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-11-13T18:52:59.000Z (about 2 months ago)
- Last Synced: 2024-11-13T19:38:50.931Z (about 2 months ago)
- Topics: axios, date-fns, happy-dom, radix-ui, react, react-helmet-async, reacthookform, reactjs, recharts, router-dom, sonner, tailwindcss, typescript, zod
- Language: TypeScript
- Homepage:
- Size: 202 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Restaurant Dashboard for Delivery
This project was developed for merchants who operate restaurants in a delivery format, such as those found on platforms like iFood. The main goal is to provide an intuitive and robust interface to monitor and manage restaurant performance through detailed metrics and practical features.
---
## Features
- **Metrics Monitoring**
- Revenue by period
- Best-selling products
- Monthly and daily orders
- Canceled orders
- **Order Viewing and Management**
- Detailed information for each order
- Order status updates directly from the dashboard
- Order listing with filters for easier search
- Pagination and loading states
- **Authentication and Interface**
- Magic Link login for enhanced security and easy access
- Light and Dark themes for a personalized experience
- **SEO and User Experience**
- Toasters for feedback using Sonner
- Date manipulation with Date-fns
- Interactive charts using Recharts
- **Testing and Quality Assurance**
- Unit tests with Happy DOM
- End-to-end (E2E) tests with Playwright
- Mocks and dedicated testing environments for greater accuracy and coverage
---
## Technologies Used
- **Front-End**
- **Pure ReactJS** with **TypeScript** support
- **shadcnui** and **Tailwind CSS** for modern and responsive styling
- **React Query** for optimized state management and HTTP requests
- **React Router DOM** for smooth navigation
- **React Helmet Async** for SEO optimizations
- **Auxiliary Libraries**
- **Sonner** for toasts
- **Date-fns** for date manipulation
- **Recharts** for data charts
- **Zod** and **React Hook Form** for form management
---
## Installation and Setup
To run this project locally, follow these instructions:
### 1. Clone the Repository
```bash
git clone https://github.com/PedroLucasAraujo/fullstack_restaurant_dashboard.git
cd fullstack_restaurant_dashboard
```
### 2. Install Dependencies
```bash
npm install
# ou
yarn install
```
---
## Backend Setup
To ensure the project works correctly, you will need to use the backend provided by Rocketseat. The backend can be found in this repository:
[repositório](https://github.com/rocketseat-education/pizzashop-api)
Follow the instructions provided in the backend repository to set up and run the API.
---