Trybe Recipes - Responsive Landing Page

Vercel:

Clique na imagem

GitHub Pages:

Clique na imagem

👩🏾‍💻Desenvolvido por

---

## 💡 Sobre o Projeto

O Trybe Recipes é uma versão mobile, otimizado para a resolução 360 x 640 , com consultas as APIs MealDB e CocktailsDB e manipulação de localStorage de um Site de Receitas. A partir dessas demandas, desenvolvemos uma aplicação onde os usuários poderão:

• Visualizar as receitas de comidas e drinks, presentes na base de dados das APIs;
• Interagir com as receitas, marcando-as como favoritas, compartilhando-as e riscando seus ingredientes conforme necessidade;
• Caso alguma receita seja marcada como favorita, ela se encontrará no perfil do usuário logado;
• Interagir com as receitas recomendadas através do carousel.

🗺 Roteiro de Desenvolvimento

1. Fizemos a análise dos requisitos presentes no modelo de negócio do desafio através do figma proposto;
2. Dividimos nossa operação em etapas diárias de reuniões e desenvolvimento através das plataformas Zoom, Slack e Discord;
3. Após o desenvolvimento dos scripts, nos dividimos novamente entre estilização e desenvolvimento dos testes.

🛠 Tecnologias Usadas

• HTML5
• CSS3
• Javascript
• React.Js
• React Router
• ContextAPI
• React Icons
• Tailwind CSS
• Swiper

🎲 Base de dados

Como base de dados para a aplicação utilizamos as APIs: https://themealdb.com/ https://thecocktaildb.com/

Screenshots:

🧙‍♂️ Como Iniciar o Projeto

Primeiro faça a clonagem do projeto em algum diretorio do seu computador:

> cd "users/usuario/desktop/trybe-recipes"
> git clone [email protected]:brunojlee/trybe-recipes.git

Depois disso instale as dependências:

> npm install

O projeto iniciará em seu navegador padrão, através do endereço: http://localhost:3000/ .