Bem-vindo ao Food & Drink App, onde você pode descobrir, salvar e fazer receitas deliciosas!
- Esse projeto foi estilizado apenas para telas mobile, por isso, para uma melhor experiência, acesse o projeto pelo seu celular ou em modo de visualização mobile no navegador, eu segui todas as medidas do figma para que o projeto ficasse o mais parecido possível com o layout original.
- React
- React Router
- Redux e Redux Thunk
- React Hooks
- Tailwind CSS
- React Testing Library
Além das habilidades técnicas necessárias para o desenvolvimento deste projeto, a equipe enfatiza e valoriza as seguintes soft skills:
A comunicação é a chave para o sucesso da equipe. Garantimos que todos os membros estejam alinhados, compartilhando informações de forma clara e eficaz.
A colaboração é essencial para a construção de um ambiente de trabalho saudável. Encorajamos a troca de ideias, a resolução conjunta de problemas e o apoio mútuo.
Utilizamos as seguintes ferramentas para a gestão do projeto:
- Zoom: Realizamos reuniões diárias (Daily Scrums) para manter a equipe atualizada e alinhada.
- Trello: Organizamos tarefas, acompanhamos o progresso e evitamos conflitos nos git pushs.
Conheça os membros dedicados que contribuíram para o sucesso deste projeto:
- Andre Albernaz
- Roger Montero
- Gabriel Yamazato
- Fabrício Floriano
- Marcelline Oliveira
- Gabriel Fernandes
- Clone o repositório
git clone git@github.com:GabrielFeBe/App-De-Receitas.git- Entre na pasta do repositório que você acabou de clonar:
cd App-De-Receitas- Instale as dependências:
npm install- Inicie o projeto:
npm start- Acesse o projeto no seu navegador em
http://localhost:3000
- Fiz o deploy no vercel, você pode acessar o projeto clicando aqui
A página de login é simples e permite aos usuários entrar na plataforma. Os dados são armazenados no Local Storage.
Detalhes do Login
-
Funcionalidades:
- Entrar na plataforma.
- Armazenamento local de dados.
-
Instruções:
- Insira suas credenciais e clique no botão de login.
A página Meal oferece opções de receitas. Você pode explorar receitas ou pesquisar por filtros disponíveis.
Detalhes da Página de Meal
-
Funcionalidades:
- Explorar receitas de comida.
- Pesquisar receitas por filtros.
-
Instruções:
- Escolha uma receita ou use a pesquisa para encontrar algo específico.
A página Drinks é semelhante à Meal, mas focada em bebidas. Explore e descubra novas bebidas.
Detalhes da Página de Drinks
-
Funcionalidades:
- Explorar receitas de bebidas.
- Pesquisar bebidas por filtros.
-
Instruções:
- Escolha uma bebida ou use a pesquisa para encontrar algo específico.
A página de Perfil contém links para receitas feitas, favoritas e opção de logout.
Detalhes da Página de Perfil
-
Funcionalidades:
- Acesso a receitas feitas.
- Acesso a receitas favoritas.
- Logout.
-
Instruções:
- Explore suas receitas feitas e favoritas.
A página de Receitas Favoritas exibe as receitas que você marcou como favoritas.
Detalhes da Página de Favorite Recipes
-
Funcionalidades:
- Visualizar receitas marcadas como favoritas.
-
Instruções:
- Explore suas receitas favoritas.
A página de Receitas Feitas exibe as receitas que você concluiu com sucesso.
Detalhes da Página de Done Recipes
-
Funcionalidades:
- Visualizar receitas concluídas.
-
Instruções:
- Explore suas receitas feitas.
A página de detalhes da receita exibe informações detalhadas sobre uma receita específica.
Detalhes da Página de Recipe Details
-
Funcionalidades:
- Visualizar detalhes da receita.
- Favoritar uma receita.
- Iniciar uma receita.
- Receitas recomendadas para serem feitas com a atual.
- Vídeo de instruções.
-
Instruções:
- Clique no coração para favoritar uma receita.
- Clique no botão de iniciar receita para começar a fazer a receita.
A página Recipe In Progress permite marcar itens enquanto você faz uma receita.
Detalhes da Página de Recipe In Progress
-
Funcionalidades:
- Checklist para receitas.
- Finalizar uma receita em progresso.
-
Instruções:
- Marque os itens conforme você os conclui.