Skip to content

Latest commit

 

History

History
121 lines (84 loc) · 4.71 KB

README.md

File metadata and controls

121 lines (84 loc) · 4.71 KB

🍹 Go Drink 🍸

FreePick Drinks Image

DemonstraçãoTecnologiasFuncionalidadesDetalhesRodapé

É um site que fornece mais de 600 receitas de coquetéis do mundo todo, utilizando The CocktailDB API. Possui tema dark e você ainda pode listar suas bebidas favoritas.


Demonstração 🎥

Um pequeno tour pelo Projeto 🚀

Tour pelo projeto GIF

Adicionando aos favoritos ⭐

Tour pelo projeto GIF

Pesquisando 🔎

Tour pelo projeto GIF

Autenticando 👤

Tour pelo projeto GIF



Tecnologias Utilizadas 🛠

FrontEnd: NextJS!

  • Next SEO
  • Flag Icons
  • React Icons
  • Axios
  • Styled Components
  • React Elastic Carousel
  • Context API
  • React Hooks
  • React Toastify

BackEnd: NodeJS!

  • Express
  • Express-Handlebars
  • JWT
  • Bcrypt
  • Mongoose
  • Nodemon
  • Nodemailer
  • DotEnv
  • Cors

Banco de Dados: MongoDB-Atlas!


npm Js React Next JS NodeJS Express Handlebars Sass MongoDB


Funcionalidades ⚙️

  • ✔️ Responsivo
  • ✔️ Ferramenta de pesquisa
  • ✔️ Mudança de Tema
  • ✔️ Recuperação de Senha
  • ✔️ Lista de favoritos
  • ✔️ Ver detalhes da Bebida Escolhida
  • ✔️ Listagem de tipos de Copos, Categorias e Ingredientes
  • ✔️ Listagem de bebidas baseada em Categorias, Ingredientes e tipos de Copos


Alguns Detalhes do Funcionamento do Projeto 🔎

Autenticação 👤

A autenticação do usuário é baseada em tokens, utilizando Json Web Token para gerar e verificar a validade de um token através de um middleware no backend. Além disso, existe um provider dedicado à essa funcionalidade no frontend, que contém todos os métodos (Conectar, Registrar e Sair) e armazena o token e os dados do usuário no local storage.

Mudança de Tema 🎨

A aplicação conta com dois temas (claro e escuro), e um botão para a mudança fixo na tela. O tema escuro é renderizado por padrão, mas o tema escolhido pelo usuário fica salvo no local storage sem a necessidade de criar uma conta.


🌟 Se você gostou, por favor considere dar uma estrela! 🌟