https://github.com/jonathanprojetos/app-recipes

Esta e uma aplicação front-end para consulta de receitas de comidas ou bebidas.
https://github.com/jonathanprojetos/app-recipes

context-api css javascript react react-hooks react-router

Last synced: 2 months ago
JSON representation

Esta e uma aplicação front-end para consulta de receitas de comidas ou bebidas.

• Host: GitHub
• URL: https://github.com/jonathanprojetos/app-recipes
• Owner: JonathanProjetos
• Created: 2022-07-02T17:40:41.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2023-08-07T14:39:44.000Z (almost 3 years ago)
• Last Synced: 2025-06-03T13:17:14.887Z (about 1 year ago)
• Topics: context-api, css, javascript, react, react-hooks, react-router
• Language: JavaScript
• Homepage: https://app-recipes-zeta.vercel.app/
• Size: 1.17 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# App-Recipes

# Contexto

Esta é uma aplicação front-end para consulta de receitas de comidas ou bebidas. Nesta aplicação, é possível acompanhar, filtrar e excluir receitas selecionadas. Também é possível pesquisar uma receita pelo ingrediente e também por nacionalidade. A aplicação também conta com uma funcionalidade que possibilita pegar uma receita surpresa, que é caracterizada por uma receita aleatória.

O projeto foi realizado em grupo, aplicando os conceitos de métodos ágeis, autogestão e muita comunicação.

## Observações

### Acesso pelo computador

A aplicação foi projetada para ser renderizada em formato de tela de 360x640, caso o acesso seja feito pelo computador  após abrir a tela inicial clique sobre a tela inicial da página web com lado direito do mouse selecione 'inspecionar' clique em ![Captura de tela de 2022-07-25 17-44-32](https://user-images.githubusercontent.com/48891073/180871682-7259603c-ea17-4b37-85d7-1eec72945c20.png) e na parte superior defina a resolução para

![Captura de tela de 2022-07-25 17-44-50](https://user-images.githubusercontent.com/48891073/180871891-501b608c-716a-4b3a-bf60-47b707121859.png)

### Acesso por dispositvos móveis

![frame](https://user-images.githubusercontent.com/48891073/180872721-637e7442-a7dc-4929-a910-b71084d3e2e9.png)

## Técnologias usadas

Front-end:

> Desenvolvido usando: React, Context-Api, CSS, HTML5, react-hooks, JavaScript

Serviços consumidos:

* https://www.thecocktaildb.com/api.php

* https://www.themealdb.com/api.php

## Instalando Dependências

> Frontend

```bash

cd src/

npm install

``` 

## Executando aplicação

* Para rodar o front-end:

  ```

    cd src/ && npm start

  ```

## Executando Testes

* Os test estão em construção!

* Para rodar todos os testes:

  ```

    npm test