Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/micheldslive/vila-picinguaba
"Projeto final do Gama Experience #39 (Refatorado)."
https://github.com/micheldslive/vila-picinguaba
axios bootstrap gsap lazyload mysql nestjs styled-components swagger typeorm typescript uuid vitejs zustand
Last synced: 23 days ago
JSON representation
"Projeto final do Gama Experience #39 (Refatorado)."
- Host: GitHub
- URL: https://github.com/micheldslive/vila-picinguaba
- Owner: micheldslive
- License: mit
- Created: 2022-11-09T10:59:01.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2022-11-16T13:20:43.000Z (about 2 years ago)
- Last Synced: 2024-07-30T21:09:41.397Z (4 months ago)
- Topics: axios, bootstrap, gsap, lazyload, mysql, nestjs, styled-components, swagger, typeorm, typescript, uuid, vitejs, zustand
- Language: TypeScript
- Homepage:
- Size: 15.6 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## PROJETO ANTIGO EM JAVASCRIPT CONVERTIDO PARA TYPESCRIPT
# Objetivo
Criar a infraestrutura necessária para o armazenamento e coleta de dados de um site. Isso inclui:
- configuração do banco de dados com as tabelas necessárias e relacionamentos entre elas;
- criação de uma API capaz de enviar, coletar e atualizar dados;
- criação de uma página web para mostrar as capacidades da API.
# Backend:
## Tecnologias implementadas
- **Nestjs**
- **Yarn** - sistema de gerenciamento de pacotes
- **Typescript** - por ser estritamente tipado
- **typeORM** - construtor de consultas para a comunicação
- **mysql** - Drive para gerenciamento do banco de dados
- **uuid** - gerador de id timestamp
- **Swagger** - para descrever / documentar a API REST
# Frontend:
## Tecnologias implementadas
- **Vitejs**
- **Yarn** - sistema de gerenciamento de pacotes
- **Typescript** - por ser estritamente tipado
- **Zustand** - gerenciador de estados
- **react-router-dom** - gerenciador de rotas
- **vitest** - testes unitários
- **styled-components** - estilização (css-in-js)
- **bootstrap** - framework css
- **gsap** - lib responsável pelas animações
- **axios** - cliente HTTP baseado em Promises
# Execução
### Caso possua o docker instalado, utilize o comando abaixo para criar os `containers` do banco / api:
```
docker-compose up
```
#### frontend:
```
http://localhost:4173
```
#### backend:
```
http://localhost:4000
```
## Desenveloper
