Desenvolver uma aplicação de cardápio digital utilizando Next.js, proporcionando uma navegação fluida, rápida e otimizada. A aplicação permitirá que os usuários pesquisem pratos específicos por meio de uma barra de pesquisa e filtrem os itens por categoria (Entradas, Massas, Carnes, Bebidas, Saladas e Sobremesas), garantindo uma experiência intuitiva e eficiente.
Tecnologias utilizadas:
- Next.js – Para otimização e renderização eficiente.
- React Hooks – Para gerenciamento de estado.
- TailwindCSS – Para uma interface moderna e responsiva.
Funcionalidades Principais:
- Página Inicial – Exibe os pratos disponíveis com imagens e descrições.
- Barra de Pesquisa – Permite buscar pratos pelo nome ou descrição.
- Filtros por Categoria – Facilita a navegação entre diferentes tipos de pratos.
- Página de Detalhes do Prato – Exibe informações detalhadas, ingredientes e preço.
- Design Responsivo – Adaptado para mobile, tablet e desktop.
Este projeto tem como objetivo proporcionar uma experiência moderna e fluida para clientes e restaurantes, utilizando as melhores práticas do Next.js para um cardápio interativo, rápido e organizado. 🚀🍽️
O projeto que foi criado pode ser visto abaixo.
Figura 1. Topo do Projeto. Figura 2. Categoria Entradas. Figura 3. Categoria Massas. Figura 4. Categoria Carnes. Figura 5. Categoria Bebidas. Figura 6. Categoria Saladas. Figura 7. Categoria Saladas.Para rodar o projeto no modo de desenvolvimento, execute o comando npm dev.
Abra [http://localhost:3000](http://localhost:3000 para visualizá-lo em seu navegador.
O deploy da aplicação foi realizado na plataforma Vercel. E poderá ser acompanhado através do seguinte link: Cardápio.






