https://github.com/reinaldoper/movies-project
Project using ReactVite .
https://github.com/reinaldoper/movies-project
Last synced: about 1 year ago
JSON representation
Project using ReactVite .
- Host: GitHub
- URL: https://github.com/reinaldoper/movies-project
- Owner: reinaldoper
- Created: 2024-02-29T23:36:31.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-03-03T16:32:25.000Z (over 2 years ago)
- Last Synced: 2025-02-05T16:19:15.788Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://movies-project-gamma.vercel.app
- Size: 4.38 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Movies
### Clonar o projeto:
```shell
git clone git@github.com:reinaldoper/movies-project.git
```
`cd movies-project`
`npm install`
`npm run dev`
## Movies - Projeto ReactJS com TypeScript
- Rodar os testes: `npm test`
- Rodar o coverage: `npm run test:coverage`
### Introdução
- O projeto Movies tem como objetivo usar a API do TMDB e listar os top-rated movies.
- Usar o kendo UI Grid para renderizar a API.
### Estrutura do Projeto
- O projeto Movies segue uma estrutura organizada para garantir clareza e manutenibilidade do código. Abaixo está uma visão geral da estrutura de diretórios:
```shell
escola-front/
|-- src/
| |-- .jest/
| |-- assets/
| |-- buttons/
| |-- components/
| |-- page/
| |-- service/
| |-- styles/
| |-- routes/
| |-- types/
| |-- environment/
| |-- utils/
| |-- tests/
|-- main.tsx
|-- tsconfig.json
|-- package.json
|-- ...
```
- src/: Contém os principais códigos fonte do projeto.
- .jest/ Configuração do jest.
- assets/: Contém as imgens do projeto.
- components/: Componentes React reutilizáveis.
- page/: Páginas da aplicação.
- service/: Serviços para integração com API ou lógica de negócios.
- styles/: Estilos globais ou compartilhados.
- routes/: Rotas da aplicação.
- environment/: Variaveis.
- types/: Todas as tipagens da aplicação.
- buttons/: Alguns buttons da aplicação
- tests/: Todos os testes da aplicação.
- utils/: Switch case.
- main.tsx: Ponto de partida da aplicação.
- tsconfig.json: Configurações TypeScript.
- package.json: Dependências e scripts do projeto.
### Tipagem:
- Projeto feito topo em typeScript
### Estilo de Código:
```shell
Siga as diretrizes do linter configurado no projeto.
Formate o código de acordo com as configurações do Prettier.
Dependências
As dependências do projeto estão listadas no arquivo package.json. Certifique-se de manter esta lista atualizada e utilize as versões especificadas para garantir compatibilidade.
```
### Agradeço pelo apoio!
[link-deploy](https://movies-project-gamma.vercel.app/)
- reinaldodev