patriciadania / movie-challenge

Sexto projeto realizado pelo bootcamp @Laboratoria, o MovieChallenge, carinhosamente chamado de "MovieMagic", é uma aplicação web desenvolvida com React que permite aos usuários explorar e descobrir informações sobre filmes. Utilizando a API do TMDb, a aplicação exibe detalhes como título, pontuação, data de lançamento e visão geral.

Home Page:https://movie-challenge-delta.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MovieMagic 🎥

Sexto projeto realizado pelo bootcamp @Laboratoria, o MovieChallenge, carinhosamente chamado de "MovieMagic", é uma aplicação web desenvolvida com React que permite aos usuários explorar e descobrir informações sobre filmes. Utilizando a API do TMDb, a aplicação exibe detalhes como título, pontuação, data de lançamento e visão geral.


git Rafa-CSS Rafa-CSS git Rafa-Js vscode Figma Canva

Desenvolvido por

Patricia Adania de Oliveira
Linkedin | Github


Índice


1. Definição de Produto

O Movie Magic é uma aplicação web que permite aos usuários pesquisar filmes por gênero e por nome. Com base na API OMDB,ele oferece uma experiência interativa e personalizada para descobrir e explorar filmes.


2. Histórias de Usuários

  • Como usuário, quero poder pesquisar filmes por gênero para encontrar filmes que se encaixem nos meus interesses.
  • Como usuário, quero poder pesquisar filmes pelo nome para encontrar filmes específicos que eu esteja procurando.
  • Como usuário, quero visualizar os detalhes de um filme, incluindo pontuação e overview.
  • Como usuário, quero ter uma experiência responsiva e adaptada a diferentes dispositivos, como desktops, tablets e celulares.
  • Como usuário, quero que a aplicação seja fácil de usar e tenha uma interface intuitiva.

3. Funcionalidades

  • Pesquisa de filmes por gênero: Os usuários podem selecionar um gênero na lista fornecida e obter uma lista de filmes correspondentes.
  • Pesquisa de filmes por nome: Os usuários podem inserir o nome de um filme na barra de pesquisa e obter resultados correspondentes.
  • Detalhes do filme: Os usuários podem clicar em um filme da lista de resultados para ver informações detalhadas de um filme, incluindo pontuação e overview.
  • Responsividade: A aplicação é responsiva e se adapta a diferentes dispositivos, garantindo uma experiência consistente em desktops, tablets e celulares.
  • Interface intuitiva: A interface da aplicação é projetada para ser fácil de usar, proporcionando uma experiência agradável aos usuários.

4. Protótipos


Tela : Para Desktop.

Tela : Para Desktop (Overview).

Tela : Para Celular e Tablet.

5. Considerações Técnicas

  • A aplicação será desenvolvida utilizando React, seguindo os princípios de desenvolvimento orientado a objetos e modularidade.
  • Será utilizada a API OMDB para obter os dados dos filmes, utilizando a função Fetch para realizar as requisições.
  • A aplicação será estruturada em componentes reutilizáveis para facilitar a manutenção e o desenvolvimento futuro.
  • Serão aplicados testes unitários utilizando a biblioteca Jest para garantir a qualidade e a robustez do código.

6. Testes de Usabilidade

  • Serão realizados testes de usabilidade durante o desenvolvimento da aplicação, envolvendo usuários reais para coletar feedback e identificar áreas de melhoria.
  • Os testes de usabilidade ajudarão a avaliar a facilidade de uso da aplicação, a identificar possíveis problemas de navegação e a garantir uma experiência intuitiva para os usuários.
  • As informações coletadas nos testes de usabilidade serão utilizadas para iterar e aprimorar a aplicação, tornando-a mais amigável e eficiente.

7. Testes Jest

  • Serão desenvolvidos testes unitários utilizando a biblioteca Jest para verificar o correto funcionamento das funções e componentes da aplicação.
  • Os testes Jest garantirão que as funcionalidades estejam corretas, que os componentes sejam renderizados adequadamente e que os dados sejam manipulados de forma correta.
  • Os testes Jest fornecerão uma cobertura abrangente do código, ajudando a identificar e corrigir quaisquer problemas ou erros.

About

Sexto projeto realizado pelo bootcamp @Laboratoria, o MovieChallenge, carinhosamente chamado de "MovieMagic", é uma aplicação web desenvolvida com React que permite aos usuários explorar e descobrir informações sobre filmes. Utilizando a API do TMDb, a aplicação exibe detalhes como título, pontuação, data de lançamento e visão geral.

https://movie-challenge-delta.vercel.app


Languages

Language:JavaScript 52.4%Language:CSS 37.1%Language:HTML 10.5%