Dev-sushi é uma aplicação web de loja de condimentos alimentícios, desenvolvida com Next.js, Tailwind CSS, React Hook Form, Shadcn-ui.
Dev-sushi é uma aplicação web que oferece uma experiência de compra intuitiva e saborosa. Com um design moderno e funcionalidades inovadoras, você pode pedir seu sushi favorito com apenas alguns cliques.
- Carrinho de compras
- Formulário multi-etapa
- Envio automático de pedidos via WhatsApp
- Tema Dark e Light
Tela em tema Dark | Tela em tema Light |
---|---|
Carrinho de compras | Formulário multi-step |
---|---|
As principais tecnologias e bibliotecas usadas no projeto são:
-Next.js: Framework React para renderização do lado do servidor.
-React: Biblioteca para construção de interfaces de usuário.
-Tailwind CSS: Framework de CSS utilitário para estilização rápida.
-Zod: Biblioteca de validação de esquemas e dados.
-React Hook Form: Solução para formulários em React com foco em performance e usabilidade.
-Shadcn-ui: Componentes acessíveis e prontos para produção.
-Zustand: Gerenciamento de estado leve e performático.
Para rodar este projeto localmente, siga os passos abaixo:
Clone o repositório:
git clone https://github.com/ZanellaIgor/dev-sushi.git
cd dev-sushi
Instale as dependências:
npm install
Inicie o servidor de desenvolvimento:
npm run dev
Abra http://localhost:3000 no seu navegador para ver o projeto em execução.
Obs: No env.example contém um número para enviar o pedido, lembre de alterar o mesmo para .env