https://github.com/omarcoaur3lio/pizzashop

Pizza Shop é um painel administrativo para uma pizzaria. Através dele é possível verificar as principais métricas do estabelecimento bem como realizar a administração dos pedidos realizados.
https://github.com/omarcoaur3lio/pizzashop

axios chadcn-ui msw playwright react-query reactjs tailwindcss testing-library typescript vite

Last synced: 11 days ago
JSON representation

Pizza Shop é um painel administrativo para uma pizzaria. Através dele é possível verificar as principais métricas do estabelecimento bem como realizar a administração dos pedidos realizados.

• Host: GitHub
• URL: https://github.com/omarcoaur3lio/pizzashop
• Owner: omarcoaur3lio
• License: mit
• Created: 2024-05-09T00:36:14.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-06-09T15:43:12.000Z (8 months ago)
• Last Synced: 2024-11-20T17:16:37.332Z (2 months ago)
• Topics: axios, chadcn-ui, msw, playwright, react-query, reactjs, tailwindcss, testing-library, typescript, vite
• Language: TypeScript
• Homepage:
• Size: 979 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  





  

    

  

  

    



    

    





## :speech_balloon: Visão Geral

Esse projeto foi construído durante o programa Ignite da [Rocketseat](www.rocketseat.com.br) e teve como objetivo exercitar conceitos do React, principalmente em relação a comunicação com APIs via requisições HTTP. 


A aplicação é um painel administrativo de uma pizzaria, onde é possível verificar as principais métricas do estabelecimento bem como realizar a administração dos pedidos realizados.

## :camera: Preview



  



### Funcionalidades

- Passwordless: Login do usuário usando magic link.

- Dashboard: Página para exibição da principais métricas do estabelecimento, como:

  - Receita total

  - Número de pedidos

  - Número de cancelamentos

  - Gráfico com a receita diária dentro de um período específico

  - Gráfico contendo os pedidos mais populares

- Listagem de pedidos: Consumo de API para busca e administração dos pedidos do estabelecimento.




A seguir, alguns dos conceitos postos em prática durante o desenvolvimento:

- React Hooks (useState, useCallback, useContext)

- Consumo de API com axios

- TailwindCSS

- ContextAPI

- Roteamento com React Router

- React Hook Form

- Construção de interface com shadcn/ui

- Consultas com React Query

- Testes unitários com Vitest e Testing Library

- Testes E2E com MSW e Playwright

## :art: Temas

A aplicação está disponivel nos temas dark e light.



  



## :rocket: Tecnologias Utilizadas

  

    

  

  

    

  

  

    

  

    

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  









  Feito com :purple_heart: