Skip to content

Loja utilizando tailwindcss e shadcn-ui no nextjs

Notifications You must be signed in to change notification settings

ZanellaIgor/dev-sushi

Repository files navigation

Dev-sushi

Dev-sushi é uma aplicação web de loja de condimentos alimentícios, desenvolvida com Next.js, Tailwind CSS, React Hook Form, Shadcn-ui.

Sobre o Projeto

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.

Funcionalidades Principais

  • 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
Tela em tema Dark Tela em tema Light
Carrinho de compras Formulário multi-step
Carrinho de compras Formulário multi-step

Tecnologias

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.

Instalação

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

About

Loja utilizando tailwindcss e shadcn-ui no nextjs

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published