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

• React
• TypeScript
• Redux Toolkit
• Styled Components
• React Router

📦 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