Skip to content

PedroL-cs/MovieApp

Repository files navigation

🎬 MovieApp

Uma aplicação web simples construída com React + TypeScript para explorar, pesquisar e salvar seus filmes favoritos.
Ela utiliza a TMDB (The Movie Database) API para buscar dados de filmes.


🚀 Funcionalidades

  • 🔍 Pesquisar filmes pelo título
  • ⭐ Salvar seus filmes favoritos localmente (usando LocalStorage)
  • 📖 Ver informações detalhadas de cada filme
  • 🏠 Navegar pelos filmes populares na página inicial
  • 🖥️ Layout responsivo para desktop e mobile

👀 O que pode melhorar

  • 📖 Mais detalhes na página de filme
  • 🖥️ Layout mais moderno
  • 🎞️ Outros tipos de produções além de filmes

🛠️ Tecnologias Utilizadas


⚙️ Instalação e Configuração

Clone o repositório:

git clone https://github.com/PedroL-cs/MovieApp
cd movieapp

Instale as dependências:

npm install

Crie um arquivo .env na raiz do projeto e adicione sua API Key da TMDB:

VITE_TMDB_API_KEY=sua_api_key_aqui

Inicie o servidor de desenvolvimento:

npm run dev

📂 Estrutura do Projeto

src/
├── components/     # Componentes reutilizáveis (Navbar, Footer, MovieCard, etc.)
├── context/        # Context API para favoritos (MovieProvider)
├── hooks/          # Custom hooks (busca na API, pesquisa)
├── pages/          # Páginas da aplicação (Home, Favorites, About, MoviePage, NotFound)
├── styles/         # CSS global e temas
└── App.tsx         # Raiz da aplicação

📜 Licença

Este projeto está sob a licença MIT -- sinta-se à vontade para usar e modificar.

About

Aplicação web simples de catálogo de filmes

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors