Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/matheusgrodrigues/rater-app

Desafio Técnico Front-end, Trilan Group (Orquestre) - Desenvolvimento das telas e fluxo, de um site de filmes que consome a api TMDB, no prazo de 7 dias.
https://github.com/matheusgrodrigues/rater-app

agil-scrum atomic-design bdd-tdd clean-code-architecture ddd figma git-github gitflow heroicons html-css-javascript jest-testing-library jira-notion react-calendar react-date-range-picker reactjs styled-components tmdb-api typescript zustand

Last synced: 3 days ago
JSON representation

Desafio Técnico Front-end, Trilan Group (Orquestre) - Desenvolvimento das telas e fluxo, de um site de filmes que consome a api TMDB, no prazo de 7 dias.

Awesome Lists containing this project

README

        

## [Rater App](https://rater-app.vercel.app/) - Desafio Técnico Front-end

![Rater App](/docs/images/splash-screen.png 'Rater App')

### Wiki

- [Introdução](https://github.com/matheusgrodrigues/rater-app/blob/develop/docs/wiki/INTRODUCAO.md)
- [Arquitetura](https://github.com/matheusgrodrigues/rater-app/blob/develop/docs/wiki/ARQUITETURA.md)
- [Padrôes e Normas](https://github.com/matheusgrodrigues/rater-app/blob/develop/docs/wiki/PADROES-E-NORMAS.md)
- [Ambientes](https://github.com/matheusgrodrigues/rater-app/blob/develop/docs/wiki/AMBIENTES.md)
- [Links Úteis](https://github.com/matheusgrodrigues/rater-app/blob/develop/docs/wiki/LINKS-UTEIS.md)

### Processos

- [Planejamento](https://github.com/matheusgrodrigues/rater-app/blob/develop/docs/processos/PLANEJAMENTO.md)
- [Considerações Finais](https://github.com/matheusgrodrigues/rater-app/blob/develop/docs/processos/CONSIDERACOES-FINAIS.md)

---

### ⚡ Instalação

1. Clone o repositório para sua máquina local usando o seguinte comando:

> git clone https://github.com/matheusgrodrigues/rater-app.git

2. Navegue até o diretório do projeto:

> cd rater-app

3. Instale as dependências

> npm install ou yarn

4. Crie um arquivo .env.local na raiz do projeto e configure as variaveis de ambiente seguindo o arquivo `.env.example` que se encontra na raiz do projeto.

- `REACT_APP_TMDB_ACCESS_TOKEN_AUTH=`
- `REACT_APP_TMDB_IMAGE_URL=https://image.tmdb.org/t/p/`
- `REACT_APP_TMDB_API_URL=https://api.themoviedb.org/3`

> **Obs**: você precisará criar uma conta no [**TMDB**](https://developer.themoviedb.org/docs/getting-started) e gerar um `token de api` para conseguir fazer requisições na api deles ou se preferir, navegue pelo [**Ratter App**](https://rater-app.vercel.app/) da produção.

5. Inicie um servidor local para visualizar o ratter app.

> yarn start ou npm run start

6. Abra o navegador e visualize o Ratter APP na porta 3000 🎉
> http://localhost:3000