https://github.com/laisfrigerio/ignite-watch-me
Movie listing page with genre categorization made with React JS
https://github.com/laisfrigerio/ignite-watch-me
ignite ignite-react json-server react rockeseat typescript
Last synced: 8 months ago
JSON representation
Movie listing page with genre categorization made with React JS
- Host: GitHub
- URL: https://github.com/laisfrigerio/ignite-watch-me
- Owner: laisfrigerio
- License: mit
- Created: 2021-07-10T17:48:48.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-07-10T19:12:02.000Z (over 4 years ago)
- Last Synced: 2025-01-29T21:55:49.042Z (10 months ago)
- Topics: ignite, ignite-react, json-server, react, rockeseat, typescript
- Language: TypeScript
- Homepage:
- Size: 816 KB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Watche me 📝
## 🛠️ Challenge
Essa será uma aplicação onde o seu principal objetivo é refatorar uma página para listagem de filmes de acordo com gênero.
A aplicação já está totalmente funcional mas grande parte do seu código está diretamente no arquivo App.tsx. Para resolver isso da melhor forma, é necessário dividir a aplicação em pelo menos duas partes principais: sidebar e o conteúdo principal que possui o header e a listagem de filmes:
- A aplicação possui apenas uma funcionalidade principal que é a listagem de filmes;
- Na sidebar é possível selecionar qual categoria de filmes deve ser listada;
- A primeira categoria da lista (que é "Ação") já deve começar como marcada;
- O header da aplicação possui apenas o nome da categoria selecionada que deve mudar dinamicamente.
## 🛠️ Stack
- React
- Typescript
- Yarn
- Webpack
- SCSS, Babel
- json-server
- axios
## Run
```
yarn install
yarn dev
```
## :woman: Author
[@laisfrigerio](https://github.com/laisfrigerio/)
## 📄 License
This project is licensed under the MIT License - see the LICENSE file for details