Skip to content

francisdiasbr/movie-search-blog

Repository files navigation

The Movie Blog 🎬

English Version

Uma aplicação web bilíngue (PT/EN) para explorar análises detalhadas de filmes clássicos, com foco em aspectos técnicos, históricos e culturais.

🌟 Características

  • Interface Bilíngue: Suporte completo para Português e Inglês
  • Análises Detalhadas: Seções estruturadas cobrindo diversos aspectos dos filmes
  • Design Responsivo: Experiência otimizada para diferentes dispositivos
  • Navegação Intuitiva: Interface limpa e fácil de usar
  • Galeria de Imagens: Visualização de cenas e cartazes dos filmes
  • Trilhas Sonoras: Informações sobre as músicas originais dos filmes

🚀 Tecnologias

📦 Instalação

Instale as dependências

npm install

Inicie o servidor de desenvolvimento

npm run dev

Configuração

  1. crie um arquivo .env na raiz do projeto com as seguintes variáveis:
VITE_MOVIE_SEARCH_BLOG_API_URL=api_url_aqui

Estrutura do Projeto

src/
├── components/ # Componentes reutilizáveis
├── contexts/ # Contexto de idioma com ContextAPI
├── features/ # Features Redux
├── pages/ # Componentes de página
├── store/ # Configuração do Redux
├── styles/ # Estilos globais
└── types/ # Definições de tipos TypeScript

🎯 Principais Funcionalidades

Navegação Bilíngue

  • Toggle fácil entre PT/EN
  • Persistência da preferência de idioma
  • Conteúdo totalmente traduzido

Análise de Filmes

  • Introdução
  • Elenco e Personagens
  • Contexto Histórico
  • Importância Cultural
  • Análise Técnica
  • Trilha Sonora Original
  • Conclusão

Galeria de Mídia

  • Cartazes dos filmes
  • Cenas importantes
  • Interface responsiva