https://github.com/mairess/project-recipes-app-ts
Com o app de receitas é possível visualizar, buscar, filtrar, favoritar, compartilhar e acompanhar o processo de preparação de receitas e drinks. Ele foi construído em react com typescript além de ser testado com vitest e react testing library. Realizado em grupo, praticamos metodologia ágil para conclusão e entrega no tempo proposto.
https://github.com/mairess/project-recipes-app-ts
agile-methodologies comunication project-planning react react-testing-library teamwork time-management typescript vitest
Last synced: 3 months ago
JSON representation
Com o app de receitas é possível visualizar, buscar, filtrar, favoritar, compartilhar e acompanhar o processo de preparação de receitas e drinks. Ele foi construído em react com typescript além de ser testado com vitest e react testing library. Realizado em grupo, praticamos metodologia ágil para conclusão e entrega no tempo proposto.
- Host: GitHub
- URL: https://github.com/mairess/project-recipes-app-ts
- Owner: mairess
- Created: 2023-11-28T19:31:30.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-23T21:28:05.000Z (about 1 year ago)
- Last Synced: 2025-02-05T13:12:41.793Z (4 months ago)
- Topics: agile-methodologies, comunication, project-planning, react, react-testing-library, teamwork, time-management, typescript, vitest
- Language: TypeScript
- Homepage: https://project-recipes-app-ts.vercel.app
- Size: 379 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
#
Projeto App de Receitas
## Contexto
Esse é um projeto em grupo, o objetivo é desenvolver um sistema versátil que permita aos usuários explorar, buscar, filtrar, favoritar, compartilhar e acompanhar o processo de preparação de receitas e drinks. Utilizaremos duas APIs distintas, uma para comidas e outra para bebidas, garantindo uma ampla variedade de opções para os usuários. O layout foi projetado com foco em dispositivos **móveis apenas** (360px de largura por 640px de altura).
Rode o projeto localmente
> ⚠️ É preciso ter o [Node](https://nodejs.org/en) instalado em sua máquina.
Primeiro, clone o repositório:
```SHELL
git clone [email protected]:mairess/project-recipes-app-ts.git
```
Instale as dependências:
```SHELL
npm install
```
Inicie o vite server:
```SHELL
npm run dev
```
Rode o projeto com o docker
> ⚠️ É preciso ter o [Docker](https://www.docker.com/get-started/) instalado em sua máquina.
Primeiro, clone o repositório:
```SHELL
git clone [email protected]:mairess/project-recipes-app-ts.git
```
Suba o container:
```SHELL
docker compose up -d
```
O vite server estará disponível na porta `3000`:
```HTML
http://localhost:3000
```
Rode os testes
Rode os testes com:
```SHELL
npm run test
```
Rode a cobertura:
```SHELL
npm run coverage
```
## Competências desenvolvidas
- Capacidade de utilizar `Context API` do React para gerenciar estado.
- Capacidade de utilizar `Hooks customizados`.
- Capacidade de utilizar `Hook useContext`.
- Capacidade de utilizar `Hook useEffect`.
- Capacidade de escrever `testes`.
- Capacidade de garantir uma boa `cobertura de testes`.
- Capacidade de `trabalhar em equipe`.
- Capacidade de `gestão do tempo`.