Olá visitante! É um prazer ter você por aqui! Este projeto foi criado como forma de estudo, para o aprofundamento em Typescript e React.
A ideia era fazer um simples e pequeno painel para visualização de pedidos de delivery. E para que pudesse ser realizado, utilizei uma API fornecida pela empresa Delivery Center.
Como há parte da API que ainda não foi disponibilizada, alguns recursos tiveram que ser adaptados para o uso. Por isso a ideia é que seja ajustado conforme o tempo e disponibilização.
Para visualizar o projeto acesse: https://delivery-center.vercel.app/
Obs: Utilize qualquer informação de login e senha para entrar. Ele serve apenas para demonstração, assim como outras partes da aplicação.
Como sou amante de design de interfaces e já trabalho com isso há um tempo, decidi fazer por conta própria uma simples interface para este pequeno projeto. Utilizei o software Adobe XD e o link para visualização está aqui.
- TypeScript
- React
- CRA (Create React App)
- React Router Dom
- Styled Components + Polished
- Eslint + Prettier
- Yup (Validações)
- Apollo Client (GraphQL)
- Jest (Tests)
Para utilizar e participar na colaboração deste projeto será necessário ter algumas ferramentas de desenvolvimento em mãos:
Instale todas as dependências do projeto: npm install ou com Yarn yarn
Feito isso, vamos rodar o nosso projeto em desenvolvimento com o seguinte comando: npm run start ou com Yarn yarn start
Abrirá automaticamente uma janela no seu browser padrão com o endereço de desenvolvimento geral.
Para realizar build execute: npm run build ou com Yarn yarn build
Será gerado dentro da raiz do seu projeto uma pasta com o nome build, onde estará o projeto gerado para produção.
Para realizar testes execute: npm run test ou com Yarn yarn test
Para realizar testes com mais detalhes, execute: npm run test:coverage ou com Yarn yarn test:coverage
❤️ Desenvolvido com carinho por Vinicius de Moraes