https://github.com/matheusandrade23/go_drink_next

Com Tema Dark! Um site que fornece mais de 600 receitas de coquetéis desenvolvido com NextJS + NodeJS e várias bibliotecas!
https://github.com/matheusandrade23/go_drink_next

axios bcrypt context-api eslint jwt next-seo nextjs nodejs nodemailer prettier react-flags react-hooks react-icons styled-components theme-switcher

Last synced: 7 days ago
JSON representation

Com Tema Dark! Um site que fornece mais de 600 receitas de coquetéis desenvolvido com NextJS + NodeJS e várias bibliotecas!

• Host: GitHub
• URL: https://github.com/matheusandrade23/go_drink_next
• Owner: MatheusAndrade23
• Created: 2022-07-09T00:08:17.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-26T00:02:46.000Z (about 2 years ago)
• Last Synced: 2024-04-18T09:43:14.393Z (8 months ago)
• Topics: axios, bcrypt, context-api, eslint, jwt, next-seo, nextjs, nodejs, nodemailer, prettier, react-flags, react-hooks, react-icons, styled-components, theme-switcher
• Language: JavaScript
• Homepage: https://go-drink.vercel.app/
• Size: 63.2 MB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

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