/movies-api

Desenvolvimento de website com consumo de API externa

Primary LanguageJavaScript

Logo do projeto

šŸŽ„ Movies API šŸŽ„

DescriĆ§Ć£o do projeto

Este projeto consiste na criaĆ§Ć£o de um website com consumo de API externa.

Tabela de conteĆŗdos

Status

Projeto finalizado āœ”ļø

Desenvolvimento

O website desenvolvido simula uma aplicaĆ§Ć£o para serviƧo de streaming, e apresenta as seguintes funcionalidades:

  • VisualizaĆ§Ć£o de filmes;
  • PaginaĆ§Ć£o de filmes;
  • Busca de filmes;
  • Filme do dia;
  • Modal de filme;
  • MudanƧa de tema.

Os dados do website sĆ£o requisitados da seguinte API: https://www.themoviedb.org/documentation/api

Como usar

O website pode ser acessado por meio do seguinte link: https://emanuellyleoncio.github.io/movies-api/

1 - VisualizaĆ§Ć£o e paginaĆ§Ć£o de filmes

Assim que o website Ć© aberto, observa-se a listagem de filmes preenchida por meio da requisiĆ§Ć£o. As setas < e > permitem navegar pelas pĆ”ginas de filmes.

Exemplo:

filmes

2 - Busca de filmes

Pode ser feita a busca por um filme. Os tĆ­tulos correspondentes a pesquisa aparecerĆ£o na visualizaĆ§Ć£o de filmes.

Exemplo:

No exemplo a seguir, realizou-se a busca do filme "Matrix".

busca_filme

3 - Filme do dia

Na seĆ§Ć£o Filme do dia, retorna-se o destaque do dia com tĆ­tulo do filme, nota, gĆŖneros e resumo. Clicando na imagem do filme, nova aba Ć© aberta para trailer no Youtube.

Exemplo:

filme_dia

4 - Modal do filme

Ao clicar em algum filme da visualizaĆ§Ć£o, um modal Ć© aberto. Nele tem-se mais informaƧƵes do filme selecionado, como tĆ­tulo, nota, gĆŖneros e resumo do filme.

Exemplo:

modal

5 - MudanƧa de tema

Ao clicar no "sol" (imagem situada no canto superior direito da tela) o tema do website troca para tema escuro. Para retornar ao tema claro, basta clicar na "lua" (imagem situada no canto superior direito da tela).

Exemplo:

tema_claro

tema_escuro

Tecnologias

As seguintes ferramentas foram usadas na construĆ§Ć£o do projeto:

Autora

Projeto desenvolvido por Emanuelly Leoncio, durante o curso de formaĆ§Ć£o de Desenvolvimento de Software na Cubos Academy.

Entre em contato!