Prime Flix é uma aplicação web desenvolvida com React que permite aos usuários explorar filmes utilizando a API do TMDB (The Movie Database). A aplicação oferece funcionalidades para salvar filmes favoritos no localStorage
, visualizar detalhes sobre o filme e assistir aos trailers diretamente no YouTube.
- 🔍 Pesquisa de Filmes: Permite pesquisar filmes pelo nome usando a API do TMDB.
- ❤️ Favoritos: Marque filmes como favoritos e salve-os no
localStorage
. Na tela de favoritos, você poderá visualizar uma descrição do filme e assistir ao trailer no YouTube. - 🎥 Visualização de Trailer: Ao acessar a lista de favoritos, é possível assistir ao trailer do filme diretamente no YouTube.
- 📱 Interface Responsiva: Design otimizado para dispositivos móveis e desktop.
- React: Biblioteca JavaScript para construção da interface.
- TMDB API: API para buscar informações sobre filmes.
- localStorage: Armazenamento local para salvar filmes favoritos.
- YouTube API: Exibição de trailers diretamente no YouTube.
- 🔎 Campo de Pesquisa de Filme pelo Nome: Implementação de um campo de pesquisa para encontrar filmes pelo nome.
-
Clone este repositório:
git clone https://github.com/CristianoSFMothe/prime-flix.git
-
Instale as dependências:
npm install
-
Inicie o servidor de desenvolvimento:
npm start
-
Abra o navegador e acesse:
http://localhost:3000
prime-flix/
├── public/
├── src/
│ ├── components/ # Componentes reutilizáveis
│ ├── pages/ # Páginas principais da aplicação
│ ├── services/ # Funções para interação com a API do TMDB
│ └── App.js # Componente principal
├── .gitignore
├── package.json
└── README.md
Se você quiser contribuir para o projeto, fique à vontade para abrir issues ou pull requests. Toda contribuição é bem-vinda!
Distribuído sob a Licença MIT. Veja o arquivo LICENSE para mais informações.
- Funcionalidades atualizadas: Agora inclui a possibilidade de visualizar a descrição do filme e assistir ao trailer no YouTube na tela de favoritos.
- Campo de pesquisa: A funcionalidade para pesquisar filmes pelo nome foi mencionada como algo a ser implementado em breve.
- Ícones: Os ícones foram incluídos nos tópicos para tornar o
README
mais visualmente atraente.
Esse modelo deve estar bem alinhado com as atualizações do seu projeto!