https://github.com/andreyrvs/20-recipes-app
Aplicativo de receitas.
https://github.com/andreyrvs/20-recipes-app
frontend react react-context-api react-hooks react-router-v5 react16 tailwind-css
Last synced: 3 months ago
JSON representation
Aplicativo de receitas.
- Host: GitHub
- URL: https://github.com/andreyrvs/20-recipes-app
- Owner: Andreyrvs
- Created: 2022-07-30T22:37:20.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-11-14T19:40:27.000Z (over 1 year ago)
- Last Synced: 2025-01-17T04:14:20.976Z (5 months ago)
- Topics: frontend, react, react-context-api, react-hooks, react-router-v5, react16, tailwind-css
- Language: JavaScript
- Homepage: https://20-recipes-app.vercel.app/
- Size: 18.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# App de Receitas
## Contexto
Este projeto trata-se de um app de receitas, utilizando o que há de mais moderno dentro do ecossistema React: Hooks e Context API!. Nele é possível ver, buscar, favoritar e acompanhar o progresso de receitas e drinks. O layout tem como foco dispositivos móveis,
Colegas que contribuíram para a realização do projeto:
- [@GabrielzinJacques](https://github.com/GabrielzinJacques "github")
- [@TalisonSantana](https://github.com/TalisonSantana "github")
- [@mmdec](https://github.com/mmdec "github")
> Utiliza APIs:
>
> [TheMealDB API](https://www.themealdb.com/api.php) é um banco de dados aberto, mantido pela comunidade, com receitas e ingredientes de todo o mundo.
>
> [The CockTailDB API](https://www.thecocktaildb.com/api.php) Bem similar (inclusive mantida pela mesma entidade) a TheMealDB API, só que focado em bebidas.
O Layout tem o foco dipositivos móveis
## Técnologias usadas
Front-end:
> Desenvolvido usando: Kanban, React, React Hooks, React Context API, Prop-Types, Tailwind
## Habilidades
Adquiri essas habilidades ao desenvolver esse projeto:
- Utilizar Redux para gerenciar estado;
- Utilizar a biblioteca React-Redux;
- Utilizar a Context API do React para gerenciar estado;
- Utilizar o React Hook useState;
- Utilizar o React Hook useContext;
- Utilizar o React Hook useEffect;
- Criar Hooks customizados;
## Preview da Aplicação
|  |  |
| ----------- | ----------- |
|  |  |
## Instalando Dependências
- Clone o projeto:
```bash
git clone [email protected]:Andreyrvs/20-Recipes-App.git
```
> Front-end
```bash
cd 20-Recipes-App
npm install
```
## Executando aplicação
- Para rodar o Front-end:
```bash
cd src/ && npm start
```
> A aplicação utiliza a resolução 360x640