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.
-
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
-
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
To run this project locally, follow these instructions:
git clone https://github.com/PedroLucasAraujo/fullstack_restaurant_dashboard.git
cd fullstack_restaurant_dashboardnpm install
# ou
yarn installTo 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 Follow the instructions provided in the backend repository to set up and run the API.