https://github.com/gricar/recipes-app
Uma aplicação que permite ao usuário ver, buscar, filtrar, favoritar e acompanhar o progresso de preparação de receitas e drinks!
https://github.com/gricar/recipes-app
context-api-react css3 react react-hooks react-router react-router-dom
Last synced: 2 months ago
JSON representation
Uma aplicação que permite ao usuário ver, buscar, filtrar, favoritar e acompanhar o progresso de preparação de receitas e drinks!
- Host: GitHub
- URL: https://github.com/gricar/recipes-app
- Owner: gricar
- Created: 2022-06-24T13:51:25.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-09-01T13:58:09.000Z (almost 4 years ago)
- Last Synced: 2025-03-26T03:18:41.338Z (about 1 year ago)
- Topics: context-api-react, css3, react, react-hooks, react-router, react-router-dom
- Language: JavaScript
- Homepage: https://gricar.github.io/recipes-app/
- Size: 4.67 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Bem-vindo ao App de Receitas!
### Descrição
> É uma aplicação que permite ao usuário ver, buscar, filtrar, favoritar e acompanhar o progresso de preparação de receitas e drinks!
Principais funcionalidades ✨
> As principais responsabilidade desta aplicação estão relacionadas a integração com 2 APIs, uma para comidas e outra para bebidas, e utilizando o que há de mais moderno dentro do ecossistema React: Hooks e Context API!
Tecnologias utilizadas 👨💻
- [`React`](https://pt-br.reactjs.org/)
- [`JavaScript`](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript)
- [`CSS`](https://developer.mozilla.org/pt-BR/docs/Web/CSS)
- [`ESLint`](https://eslint.org/)
Executando o projeto 🌐
- O layout tem como foco dispositivos móveis, então é sugerido visualizar no modo de celular (360 x 640px).
- O projeto está disponível neste [`link`](https://gricar.github.io/recipes-app/).
- Clone o projeto: `git clone https://github.com/gricar/recipes-app/`.
- Entre na pasta do projeto: `cd recipes-app`.
- Instale as dependências: `npm install`.
- Execute o **script** `npm start` para executar a aplicação.
***Obs**: Para realizar o login na aplicação é apenas necessário um email e senha válidos. Uma solução integrada com o banco de dados está em construção.