Projeto App de Receitas

Statements	Branches	Functions	Lines

Contexto

Esse é projeto foi originalmente realizado em grupo, mas eu gostei tanto dele que fiz uma versão solo. Essa é uma aplicação versátil, que permite aos usuários explorar, buscar, filtrar, favoritar, compartilhar e acompanhar o processo de preparação de receitas e drinks. Utilizei duas APIs distintas, uma para comidas e outra para bebidas, garantindo uma ampla variedade de opções para os usuários. Usei context api para compartilhamento do estado da aplicação, custom hooks, react router e para testes usei react testing library, vitest, a estilização foi realizada com styled-components por meio de protótipo disponibilizado pela Trybe.

O layout foi projetado com foco em dispositivos móveis apenas (360px de largura por 640px de altura).

O app

Rode o projeto localmente

⚠️ É preciso ter o Node instalado em sua máquina.

Primeiro, clone o repositório:

git clone git@github.com:mairess/project-recipes-app-ts-v2.git

Instale as dependências:

npm install

Inicie o vite server:

npm run dev

Rode o projeto com o docker

⚠️ É preciso ter o Docker instalado em sua máquina.

Primeiro, clone o repositório:

git clone git@github.com:mairess/project-recipes-app-ts-v2.git

Suba o container:

docker compose up -d

O vite server estará disponível na porta 3000:

http://localhost:3000

Rode os testes

Rode os testes com:

npm test

Rode a cobertura:

npm run coverage

Tecnologias utilizadas

• React
• Typescript
• React testing library
• Vitest
• Styled components
• Docker