🇺🇸 This is a small, beginner friendly code project. It essentially consumes a mock API (with data stored in a JSON file) and displays the results. The main functionality of the project is a search input. The searched value is matched with object properties, and the corresponding game image is then displayed.
🇧🇷 Este é um pequeno projeto, feito com Vanilla JS. Ele essencialmente consome uma API simulada (com dados armazenados em um arquivo JSON) e exibe os resultados. A principal funcionalidade do projeto é um input que faz uma pesquisa na api, o valor pesquisado é comparado com as propriedade
namedo objeto, e então a imagem do jogo correspondente é exibida.
O design é fornecido através do Projeto CodeLabs, inicialmente o layout era estático - Sem nenhuma funcionalidade. Tive a idéia de implementar duas funcionalidades: carousel slider e search input.
-
Carrousel Slider: Funcionalidade de passar diversas imagens.
-
Search Input: Funcionalidade de pesquisar e se caso não encontrar, devolver mensagem derro.
-
Assegurar que o layout é responsivo nos principais breakpoints.
-
Fluxo de informações devem ser exibido de forma clara - O usuário não pode ficar perdido dentro da interface. As ações devem ser claras através dos
buttons. -
Seguir o style guide propsoto no Figma.
-
As imagens armazenadas no Firebase Storage devem estar otimizadas (loading, qualidade, alt...)
-
Usar técnicas de acessibilidade nas tags HTML.