Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hiagoisoppo/gourmet-guidance
Aplicação web que funciona como um guia gourmet para entusiastas da culinária e da bebida.
https://github.com/hiagoisoppo/gourmet-guidance
api bootstrap5 css3 cypress figma html5 react react-bootstrap react-hooks react-redux react-router redux redux-thunk rtl sass typescript vite vitest
Last synced: 6 days ago
JSON representation
Aplicação web que funciona como um guia gourmet para entusiastas da culinária e da bebida.
- Host: GitHub
- URL: https://github.com/hiagoisoppo/gourmet-guidance
- Owner: hiagoisoppo
- License: mit
- Created: 2023-09-04T21:19:10.000Z (about 1 year ago)
- Default Branch: main-group-5
- Last Pushed: 2024-05-21T19:22:06.000Z (6 months ago)
- Last Synced: 2024-05-22T15:16:30.895Z (6 months ago)
- Topics: api, bootstrap5, css3, cypress, figma, html5, react, react-bootstrap, react-hooks, react-redux, react-router, redux, redux-thunk, rtl, sass, typescript, vite, vitest
- Language: JavaScript
- Homepage: https://gourmet-guidance.vercel.app
- Size: 3.96 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# [Gourmet Guidance](https://gourmet-guidance.vercel.app/)
## Descrição:
Gourmet Guidance é uma aplicação web que funciona como um guia gourmet para entusiastas da culinária e da bebida. Este projeto serve como projeto final do módulo front-end do curso de Desenvolvimento Web da Trybe. O aplicativo oferece diversos recursos, incluindo receitas em andamento, opção de compartilhar suas receitas favoritas e muito mais!
Durante o desenvolvimento utilizamos as seguintes tecnologias: ViteJs, TypeScript, ReactJs, Redux, ReactRouterDom, Sass, Bootstrap, ReactBootstrap, ReactTestingLibrary, Cypress, Mocha, Vitest.
## Funcionalidades:
- Listagem de receitas atualizadas, atráves das APIs: [TheCocktailDB](https://www.thecocktaildb.com/api.php) e [TheMealDB](https://www.themealdb.com/).
- Buscar e filtragem de receitas, atráves de categorias e palavras-chaves.
- Aba detalhada com o passo a passo da receita, incluindo dicas de acompanhamentos.
- Aba de Favoritos, para armazenar em LocalStorage todas as receitas que o usuário mais gostou.
- Acompanhamento de progresso, onde as paginas podem ser recarregadas voltando da etapa anterior.
- Aba do perfil de usuario.
- Aba com todas as receitas já feitas pelo usuario, com a data de sua ultima realização.
- Opção de compartilhamento, onde você poderá enviar para seus amigos o link de acesso a receita.
## Time de Desenvolvimento
### Lucas Yamagutsi dos Santos Silva
[](https://www.linkedin.com/in/lucasyamagutsi)
[](https://github.com/LucasYamagutsi)
### Gilvan Profiro Soares Junior
[](https://www.linkedin.com/in/gilvanpsjr/)
[](https://github.com/GilvanPSJR)
### Willian Gonçalves
[](https://www.linkedin.com/in/williandpg/)
[](https://github.com/williandpg)
### Lucas Renol Conti Fraga
[](https://www.linkedin.com/in/lucasrcfraga/)
[](https://github.com/lucasrcfraga)
### Hiago Isoppo Trajano
[](https://www.linkedin.com/in/hiagoisoppo/)
[](https://github.com/hiagoisoppo)
## Como acessar a aplicação:
Se for de sua preferência visualizar a aplicação em operação, basta acessar o [deploy](https://gourmet-guidance.vercel.app/).
- Abra o terminal e faça um clone do repositório.
```bash
git clone [email protected]:hiagoisoppo/gourmet-guidance.git
```
- Acesse a pasta clonada do repositório, e instale as dependências.
```bash
cd gourmet-guidance
npm install
```
- Inicie o servidor de desenvolvimento.
```bash
npm run dev
```
- Abra o navegador no endereço [http://localhost:3000](http://localhost:3000).
