Skip to content

LeonardoAlves04/NextFood

Repository files navigation

Aplicação de pedido de lanches/refeições

Status do Projeto: ✔️ Concluído!!

Tópicos 🔹

🔹 Descrição do projeto

🔹 Funcionalidades

🔹 Deploy da Aplicação

🔹 Casos de Uso

Descrição do projeto 📝

Um app de pedidos de comidas/lanches (semelhante ao ifood, aiqfome, etc...). Nesse app você consegue buscar por diversos alimentos através da barra de pesquisa e/ou selecioná-los através das categorias disponíveis. Você também pode favoritar os restaurantes que voce mais pede e acessá-los na aba de restaurantes favoritos, para isso voce precisa estar logado com sua conta do google ( implementei essa funcionalidade através do nextAuth). Contém também a sacola que voce consegue confirmar seu pedido e se necessário alterar a quantidade dos itens por lá, e fechando seu pedido na sacola voce pode acessá-lo através da aba de meus pedidos.

Funcionalidades 📦

✔️ Login com o Google: Permitimos que os usuários façam login usando suas contas do Google para uma experiência de autenticação simplificada.

✔️ Navegação por Categorias: Os usuários podem explorar comidas por categorias, facilitando a busca e a compra.

✔️ Restaurantes favoritos: você pode favoritar aquele restaurante que mais gosta de pedir e accessá-lo na aba dos restaurantes favoritos.

✔️ Gerenciamento do Carrinho de Compras: Os usuários podem adicionar produtos ao seu carrinho de compras, remover produtos e também modificar a quantidade de um produto no carrinho de compras conforme necessário.

✔️ Mobile first :D

Deploy da Aplicação 💨

Deploy: next-food-eight.vercel.app

Linguagens e libs utilizadas 📚

  • React: Uma biblioteca JavaScript popular para construir interfaces de usuário interativas.

  • Next.js 13: Um framework React que oferece renderização do lado do servidor (SSR), geração estática (SSG), entre muitos outros recursos.

  • Next Auth: Biblioteca para autenticação de usuários com OAuth.

  • Postgres: Um sistema de gerenciamento de banco de dados relacional.

  • Prisma: Um ORM (Object-Relational Mapping) para Node.js e TypeScript.

  • Tailwind CSS: Um framework CSS que oferece várias classes para utilização já pré-estilizadas.

  • shadcn/ui: Uma biblioteca de componentes de IU reutilizáveis e estilizáveis.

Imagens do projeto: