🍹 Go Drink 🍸

Demonstração • Tecnologias • Funcionalidades • Detalhes • Rodapé

É 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.

Clique para visitar o site! - Clique para ver o Backend!

---

Demonstração 🎥

Um pequeno tour pelo Projeto 🚀

Adicionando aos favoritos ⭐

Pesquisando 🔎

Autenticando 👤

---

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!

---

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! 🌟