abradifcode/gourmet-guidance

Gourmet Guidance is a mobile application that works as a gourmet guide for cooking and drinking enthusiasts, with numerous features. During development we use the following technologies: ViteJs, TypeScript, ReactJs, Redux, ReactRouterDom, Sass, Bootstrap, ReactBootstrap, ReactTestingLibrary, Cypress, Mocha, Vitest.

Gourmet Guidance

Português

Descrição:

Gourmet Guidance é um aplicativo móvel 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 e TheMealDB.
• 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

Gilvan Profiro Soares Junior

Willian Gonçalves

Lucas Renol Conti Fraga

Hiago Isoppo Trajano

Como acessar a aplicação:

Se for de sua preferência visualizar a aplicação em operação, basta acessar o deploy.

• Abra o terminal e faça um clone do repositório.

  git clone git@github.com:hiagoisoppo/gourmet-guidance.git

• Acesse a pasta clonada do repositório, e instale as dependências.

  cd gourmet-guidance
  npm install

• Inicie o servidor de desenvolvimento.

  npm run dev

• Abra o navegador no endereço http://localhost:3000.

English

Description:

Gourmet Guidance is a mobile app that acts as a gourmet guide for cooking and drinking enthusiasts. This project serves as the final project for the front-end module of Trybe's Web Development course. The app offers a variety of features, including recipes in progress, the option to share your favorite recipes, and much more! During development we use the following technologies: ViteJs, TypeScript, ReactJs, Redux, ReactRouterDom, Sass, Bootstrap, ReactBootstrap, ReactTestingLibrary, Cypress, Mocha, Vitest.

Functionalities:

• List of updated recipes, using the APIs: TheCocktailDB and TheMealDB.
• Search and filter recipes, using categories and keywords.
• Detailed tab with step-by-step instructions for the recipe, including follow-up tips.
• Favorites tab, to store all the recipes that the user liked most in LocalStorage.
• Progress tracking, where pages can be reloaded from the previous step.
• User profile tab.
• Tab with all recipes already made by the user, with data on their last achievement.
• Sharing option, where you can send the recipe access link to your friends.

Developer Team

Lucas Yamagutsi dos Santos Silva

Gilvan Profiro Soares Junior

Willian Gonçalves

Lucas Renol Conti Fraga

Hiago Isoppo Trajano

How to access the application:

If you prefer to just access the application in operation, just access the deploy.

• Open the terminal and clone the repository.

  git clone git@github.com:hiagoisoppo/gourmet-guidance.git

• Access the cloned repository and install the dependencies.

  cd gourmet-guidance
  npm install

• Start the development server.

  npm run dev

• Open browser at http://localhost:3000.