Giter VIP home page Giter VIP logo

avaliacaotopicosbi2019's Introduction

avaliacaoTopicosBI2019

Avaliação do 1º Bimestre 2019 - Tópícos de SI

Especificações Técnicas

  • Utilizar a API do JSONPlaceHolder
  • Cores livres, imagens livres
  • Criar uma API através do NodeJS que consuma a API do JSONPlaceholder.
  • Todas as rotas deverão ser criadas pelo NodeJS
  • Uso do Express
  • Usar o Git
  • Desenvolver um frontend que comunique com a API que você criou!

Especificações funcionais

Tela inicial

  • Esta tela terá uma lista de usuários contendo as informações (Nome, Email e Telefone) alinhados à esquerda. Alinhado a direita deverá ter um botão com o texto "Ver Álbuns". Quando for clicado no botão "Ver Álbuns" deverá ser redirecionado para a tela de lista de Álbuns, onde listará somente os álbuns daquele usuário.
  • URL: é: https://jsonplaceholder.typicode.com/users

Tela de Lista de Albuns

  • Esta tela terá uma lista de álbuns com as seguintes informações: (título e ícone) e botão ("Ver fotos"). Quando o usuário clicar no título do Álbum ou no botão "Ver fotos" deverá ser redirecionado para a página Tela de Lista de Fotos.
  • URL: https://jsonplaceholder.typicode.com/albuns?userID={userId}

Tela de Lista de Fotos

Esta tela terá informações referente (Imagem da Foto, Título da Foto) ao clicar sobre o título ou a imagem deverá abrir a foto em uma nova target. Também deverá existir 3 ícones alinhados a direita referente ao feedback do usuário sobre aquelas fotos.

O que será avaliado

  • Organização do Projeto
  • Uso do Git
  • Utilizar a API do JSONPlaceHolder
  • Criar uma API através do NodeJS que consuma a API do JSONPlaceholder.
  • Uso do Express

Extra

  • Na tela de Lista de Fotos, os ícones que se referem ao feedback, deverá ser implementado uma algoritmo que adicione valores randômicos para cada um dos comportamentos do usuários.
  • Ao clicar no link de conversas, na terceira tela deverá exibir um modal, com um texto fictício.
  • Documentar através do README.md as intruções para execução do APP.
  • Interface gráfica bonita
  • Boa sorte

Layout (Sugestivo)

https://www.figma.com/file/UJJvQdnEhx9Cs2rWRv0xbTg8/Avalia%C3%A7%C3%A3o-de-T%C3%B3picos-de-SI?node-id=0%3A1

Demonstração

Everything Is AWESOME

avaliacaotopicosbi2019's People

Contributors

danilomartinsshego avatar danilomartinssilva 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.