Code Monkey home page Code Monkey logo

frontendtest's Introduction

Desafio Inlog - Vaga Frontend Developer

Desenvolver uma aplicação de 3 telas (seguir layout disponível na pasta assets do repositório) que simule uma loja virtual de quadrinhos, consumindo as APIs da Marvel para developers.

  • Sem requisitos de SEO;
  • Deve funcionar apenas nos browsers mais atualizados;
  • Não há necessidade de ser responsivo.

É permitido utilizar bibliotecas e frameworks javascript mas lembre-se, quanto menos código de terceiros você utilizar, mais bem avaliado será.

Tela inicial

Listar as edições de quadrinhos ordenando por data e possibilitar a filtragem dos itens por series, characters, creators. A paginação deverá ser feita através do botão "load more".

Tela de detalhes

Exibir as informações do item selecionado conforme o layout. Exibir carrossel contendo outros itens da mesma serie (campo series). Utilizar armazenamento do browser (localStorage, IndexedDB) para persistir os dados dos itens no carrinho.

Tela do carrinho

Listar os itens selecionados; Possibilitar alteração da quantidade e remoção de itens.


O que vamos avaliar:

  • Capacidade de criar interfaces com alta fidelidade á partir de layouts/protótipos.
  • Semântica do seu código HTML
  • Estruturação do seu CSS de maneira reaproveitável e utilização de especificações mais recentes (flexbox, grid layout)
  • Boa lógica de programação e utilização de boas práticas no seu código javascript.

Restrições

  • Não utilize frameworks css. (Bootstrap e similares)

Bonus Points:

  • Utilização de features da especificação ES6
  • Automação com Npm scripts.

Submissão

Api da Marvel

Boa Sorte!!!

frontendtest's People

Watchers

James Cloos avatar Marcos Dias 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.