Este projeto consiste em uma interface web construída com React que exibe uma lista de filmes, incluindo informações relevantes, como gênero, sinopse e avaliação. Os usuários têm a capacidade de buscar filmes por gênero ou pesquisar pelo título.
-Exibição de lista de filmes
: a interface apresenta uma lista de filmes disponíveis, juntamente com informações como título, gênero, sinopse e avaliação.
-Pesquisa por gênero
: os usuários podem buscar filmes filtrando por gênero. Ao selecionar um gênero específico, a lista de filmes é atualizada para exibir apenas os filmes correspondentes.
-Pesquisa por título
: os usuários têm a opção de pesquisar filmes digitando o título desejado na barra de pesquisa. A lista de filmes é atualizada automaticamente para mostrar apenas os filmes cujos títulos correspondem à pesquisa realizada.
-Ordenar avaliações e títulos
: interface oferece ao usuário a possibilidade de ordenar as avaliações de forma crescente ou decrescente, permitindo uma visualização personalizada dos filmes mais avaliações positivas ou negativas, de acordo com a preferência do usuário. Além disso, é possível ordenar os títulos dos filmes em ordem alfabética, seja de A a Z ou de Z a A.
- A aplicação foi desenvolvida utilizando React, seguindo os princípios de desenvolvimento orientado a objetos e modularidade.
- A aplicação foi estruturada em componentes reutilizáveis para facilitar a manutenção e o desenvolvimento futuro.
- Para que ocorra o recebimento e processamento dos dados enviados pelo usuário, a interface se integra com a API.
- Visando garantir a portabilidade e a segurança da aplicação, foi implementada uma variável de ambiente para facilitar a configuração e personalização do ambiente de execução.
- É importante destacar que, nesta aplicação, o foco principal de aprendizado e desenvolvimento foi o React, e não a implementação de um layout completamente responsivo. Portanto, embora o CSS tenha sido utilizado para estilizar a interface, não foram aplicadas técnicas avançadas de responsividade.
Neste projeto, considerando o prazo para entrega e o objetivo principal de aprendizado em React, optei por não utilizar a API disponibilizada originalmente. Isso se deu pelo fato de que a API não oferecia recursos que me permitisse realizar filtragem por gênero de filmes, além de nem todos os filmes possuírem imagens associadas.
Diante dessas limitações, em colaboração com @patriciadania fizemos alterações na base de dados utilizada pela API, de forma a adequá-la às necessidades do projeto. Isso envolveu a inclusão de títulos de filmes, sinopse, avaliações, tempo de duração e gênero, o que permitiu a implementação de funcionalidades de filtragem por gênero, possibilitando aos usuários uma experiência mais completa e personalizada.
Embora essa abordagem possa não representar a construção de uma API completa, foi uma solução viável para atender aos requisitos do projeto dentro das restrições de tempo e do foco principal em React. Essas modificações na base de dados permitiram que eu explorasse e aprimorasse minhas habilidades em desenvolvimento de interfaces utilizando React, criando uma aplicação mais dinâmica e funcional para os usuários.