Giter Club home page Giter Club logo

diw_with_api_final's Introduction

FilmeZilla

Desenvolver um portal de filmes como Trabalho prático para a matéria de Desenvolvimento de Interfaces Web

Disponível em http://tetration.github.io/diw-filmes

Trabalho 1 - Implementação do Front-End responsivo

CRITÉRIO 1: Conformidade com o Wireframe

  1. O aluno seguiu orientações do wireframe, realizando incrementos ou alterações que melhoraram a estrutura de componentes do portal;
  2. Seguiu parcialmente o wireframe;
  3. Não seguiu o wireframe.

CRITÉRIO 2: Conteúdo

  1. Conteúdos reais para o site: Utilizou imagens, textos, vídeos que contemplam o cenário real de mercado do site;
  2. Conteúdos Fictícios: Utilizou conteúdos fictícios (placeholder) para simular a estrutura do site;
  3. Ausência de conteúdos nos componentes: Componentes sem preenchimento dos conteúdos.

CRITÉRIO 3: Responsividade do Site:

  1. Responsividade funcional: O site apresenta adaptação e adequação de conteúdos para a versão mobile. Componentes se adaptam ao tamanho, imagem segue o padrão do grid, conteúdo ajusta a resolução com uso correto de media queries;
  2. Responsividade parcial: Somente alguns componentes ou elementos HTML se adaptam ao formato móvel, mas o sistema de Grid do Bootstrap está funcional no Desktop;
  3. O site não apresenta uma responsividade.

Trabalho 2 - Integração com API TheMovieDB

O site que você fará deve atender aos seguintes requisitos:

  • o site deve ser publicado em um ambiente da Internet (Repl.it, GitHub Pages, Heroku, Netlify ou outro a sua escolha);
  • o site deverá ser responsivo permitindo a visualização em um celular de forma adequada;
  • o site deve ter uma Home-Page com a listagem dinâmica de itens obtidos via API The Movie DB à escolha do aluno que pode ser qualquer das alternativas como: (1) filmes populares, (2) filmes no cinema, (3) séries de TV ou outra listagem a ser projetada pelo aluno a partir da mesma API. Nessa página inicial, devem ser obedecidos os seguintes requisitos:
    • para cada item da listagem devem ser exibidos um mínimo de três (3) dados textuais obtidos por meio da API que descrevam sucintamente o referido item (Ex: título, data, descrição, categoria, etc)
    • para cada item da listagem, deve ser exibida uma imagem ilustrativa do referido item
    • para cada item da listagem, deve haver um link que leve o usuário para outra página com mais informações sobre o item, seja no próprio site criado pelo aluno ou em outro site na Internet.
  • o site deve apresentar uma Página de pesquisa em página adicional à home-page que permita ao usuário informar um texto e localizar informações providas pela API do The Movie DB que devem ser apresentadas como resultado da pesquisa. Na página de pesquisa, devem ser obedecidos os seguintes requisitos:
    • o resultado da pesquisa poderá ser paginado ou não
    • o resultado deve mostrar uma lista de itens tal qual a home-page com imagem e textos que descrevam o item retornado
    • os itens do resultado devem ter um link que ao ser acionado, leve o usuário para a página original do referido item, cujo link é obtido por meio da API do The Movie DB.

diw_with_api_final's People

Contributors

tetration avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.