Trata-se de uma aplicação no estilo e-commerce, onde junto de minha mãe elaboramos um projeto de venda de pratos prontos congelados com uma forte presença digital.
O protótipo foi feito utilizando a ferramenta Figma e é possível visualizar o protótipo neste link.
- 🔤 Lang - TypeScript
- ⚛️ Framework React - Next.js
- 🌬 Framework CSS - TailWind
- ✨ Animações - Lottie
- 🗺 Mapas - Mapbox e Leaflet
- 📞 Chamadas - Axios
- Tela Inicial da aplicação.
- Tela de listagem dos produtos.
- Tela de escolha endereço e confirmação do pedido.
- Tela de criação de conta.
- Tela de Login.
Essa aplicação faz parte do conjunto de aplicações que juntas dão vida ao projeto DonaFrost, essa aplicação que está vendo agora se trata do front-end em NextJS, sendo um cliente que consome os microsserviços do back-end.
Você pode encontrar as outras aplicações em:
Microservices e App do Entregador
Abaixo diagrama das aplicações em conjunto:
Primeiro vamos baixar todas as dependências do projeto:
npm install
# or
yarn installAgora vamos executar o servidor de desenvolvimento:
npm run dev
# or
yarn devAbra http://localhost:3000 com seu navegador para ver o resultado.
- Aprender responsividade com TailWind e aplicar no projeto.
- Redirecionar o usuário para listagem dos produtos após login, apresentando seu nome no header.
- Adicionar funcionalidades do carrinho.
- Adicionar tela de checkout.
- Implementar forma de pagamento Pix com geração do QR Code ao finalizar pedido.
Caso queira me ajudar com o projeto ficarei muito feliz em aceitar seu pull request 🙂.
Este projeto está sobre a licença Apache 2.0.