Dashboard Front-End desenvolvido para uma pizzaria, com visualização de pedidos, status de produtos e gráficos interativos de vendas. Com uma interface intuitiva que facilita o controle operacional e análise de métricas.
Funcionalidades • Instalação • Rodando localmente • Funcionalidades Futuras • Tecnologias • Licença
- Lista de Produtos com status de processamento
- Filtros de busca para otimizar a procura
- Gráficos para Receitas Financeiras
- Gráfico com os Produtos mais vendidos
- Edição de Perfil
- Recurso Interface Otimista
- Aplicação de Testes Unitários, E2E e Mocks
Para novas Funcionalidades verifique a Seção Funcionalidades Futuras
Antes de clonar o projeto, certifique que tenha as seguinte ferramentas instaladas em sua máquina:
Ferramentas e Links
Recomendações
- Recomendo utilizar o Editor de Texto VSCode para incrementar esse projeto;
Passo 1 - Clone o projeto
git clone https://github.com/Yuri-stack/pizza.shopNavegue até o diretório principal do projeto
cd pizza.shopAbra o projeto no VsCode
code .Passo 2 - Instale as dependências
npm installou
yarnTenha certeza que sua internet esteja estável, pois esse processo pode levar um tempo
Passo 3 - Configurando as Variáveis de Ambiente
- Renomeie o arquivo env.local para .env;
- Preencha as informações do arquivo corretamente;
Passo 4 - Execute o projeto
npm run devou
yarn devApós os passos anteriores, abra em seu navegador o projeto acessando a endereço: http://localhost:5173
Veja abaixo as próximas Funcionalidades que serão adicionadas ao projeto:
Aguardamos novas ideias
- React - Biblioteca Front-End para construir Aplicações Interfaces Client-Side eficientes e escaláveis;
- TypeScript - Linguagem de Programação fortemente tipada desenvolvida com base no Javascript;
- Testing-library - Ferramenta para Testes Unitários;
- Mock Service Worker - Ferramenta para criar Mocks em aplicações front-end;
- PlayWright - Ferramenta permite a execução de testes E2E em paralelo;
O projeto Pizza.Shop atualmente está sobre a Licença MIT e está aberto para receber implementações de novas funcionalidades de outros devs.
Para constribir, faça um fork do projeto e siga os passos da Seção: Instalação.
Feito com 👺 por Yuri Oliveira🚀.


