I developed this project as a challenge of my latest studies on React lessons at Rocketseat.
- React
- TypeScript
- shadcn/ui + Radix UI + TailwindCSS
- React Query
- React Router
- React Hook Form + Zod
- Axios
- Testing Library + Happy DOM
- Mock Service Worker + Playwright
This project was developed for practicing the connection between this front-end app and it's API provied by the school and available at links section. The main practice was connecting the API to this front-end project using React Query for caching data. It was used shadcn/ui as component library along with radix. Here I've added unit tests on some components using Testing Library with Happy DOM and also, added E2E tests with Playright and Mock Service Worker.
It includes: A sign up and sign in pages; A dashboard with summary and graphs; A modal form to edit restaurant information; An orders module with status management and view detailed information; A error page.
The Resend integration was disabled. To run app and get access url, insert any value at
RESEND_API_KEYon.envfile; Inseed.tsfind and copy the e-mail for sign inside create restaurant manager seed function; Paste the e-mail on login and get the access url on api console terminal.
VITE_API_URL="http://localhost:3333"
VITE_ENABLE_API_DELAY=true # true for delaying requests and test skeletons