luiizsilverio / web-beer

Aplicação desenvolvida em React/Next que exibe um Dashboard com diversos gráficos de vendas

MY-BEER

Conteúdo

• Sobre o Projeto
• Tecnologias
• Screenshots
• Iniciando o Projeto
• Licença
• Contato

Sobre o projeto

Aplicação desenvolvida em React com Next.js e Typescript. Exibe um dashboard, com diversos gráficos (pizza, linear, barra) e estatísticas de venda do bar.
Desenvolvi esta aplicação sozinho, do zero 🥳, baseado apenas em minhas anotações, documentação e Google.
A tela de Dashboard possui gráficos, animações, responsividade e acessa a minha API Node Beer-API.
Na tela de Fechamento, mostra todas as mesas do bar, na cor correspondente à situação (ocupada, livre).
Permite lançar o consumo das mesas e fechar as contas.

🛠️ Tecnologias

• React / Next.js
• Typescript
• Estilização dos componentes com Styled-Components
• Recharts para construir os gráficos
• Axios para acessar a API
• Animação com React-lottie-player
• jsonwebtoken para expirar a sessão após 8 horas
• Date-fns e React-datepicker para sofrer menos com datas

📸 Screenshots

🚗 Iniciando o projeto

• Baixe o repositório com git clone e entre na pasta do projeto.
• Renomeie o arquivo .env.local-example para .env.local e informe a secret da API.
• Digite yarn dev no terminal.
• Abra no navegador localhost:3000 .

⚖️ Licença

Este projeto está licenciado sob a licença MIT.

📧 Contato

E-mail: [email protected]