Descubra os filmes mais populares do momento com sinopse, elenco e detalhes completos
O MovieFlix é uma aplicação web desenvolvida em React que consome a API do TMDB (The Movie Database) para listar os filmes mais populares do momento. Para cada filme, o usuário pode visualizar sinopse, duração, orçamento, bilheteria e o elenco completo — tudo em uma interface limpa e responsiva.
- Listagem paginada dos filmes mais populares
- Página de detalhes com sinopse, duração, orçamento e bilheteria
- Elenco completo com foto e nome do personagem
- Ícone de menu interativo
- Footer na página de detalhes
- Paginação persistente: a página atual é salva e restaurada ao voltar
| Tecnologia | Versão | Função |
|---|---|---|
| React | 18 | Framework de UI |
| React Router DOM | 6 | Navegação entre páginas |
| Styled Components | 6 | Estilização com CSS-in-JS |
| use-local-storage | 3 | Persistência de estado no localStorage |
| TMDB API | — | Fonte de dados dos filmes |
| Netlify | — | Deploy e hospedagem |
- Node.js 16+
- npm ou yarn
- Chave de API do TMDB
# 1. Clone o repositório
git clone https://github.com/degabrielofi/MovieFlix.git
cd MovieFlix
# 2. Instale as dependências
npm install
# 3. Inicie o servidor de desenvolvimento
npm startA aplicação estará disponível em http://localhost:3000.
npm run buildMovieFlix/
├── public/
│ └── index.html
├── src/
│ ├── assets/
│ │ └── GitHub/ # Imagens do README
│ ├── components/ # Componentes reutilizáveis
│ ├── pages/ # Páginas da aplicação
│ ├── services/ # Integração com a API do TMDB
│ ├── App.js
│ └── index.js
├── netlify.toml
├── package.json
└── README.md
Acesse a versão em produção: degabrielofimovieflix.netlify.app