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.
- Next SEO
- Flag Icons
- React Icons
- Axios
- Styled Components
- React Elastic Carousel
- Context API
- React Hooks
- React Toastify
- Express
- Express-Handlebars
- JWT
- Bcrypt
- Mongoose
- Nodemon
- Nodemailer
- DotEnv
- Cors
- ✔️ 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
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.
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! 🌟
