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.
- 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.
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.
