Giter Club home page Giter Club logo

challenge--wine's Introduction

Deploy on Vercel

Requisitos do desafio

O desafio será implementar um e-commerce para venda de vinhos que deverá ter as seguintes funcionalidades:

  • Catálogo de produtos com paginação
  • Faça a estilização com styled-components
  • Busca por nome do produto
  • Filtragem produtos por preço
  • [] Adicionar e remover produtos do carrinho
  • [] Utilize o local storage para gerenciar o carrinho

Decisões para solução de cada requisito

  • paginação: A paginação ajuda os mecanismos de pesquisa a entender a estrutura do seu site e garante que todas as suas páginas sejam indexadas, o que é particularmente importante para sites com listas de produtos. Utilizar a renderização do lado do servidor em Next.js para paginação garante que cada link de página seja capturado pelos mecanismos de pesquisa, melhorando significativamente o SEO do site.
  • styled-components: Para a estilização styled-components usei a lib Tailwind-Styled-Component que faz o mix de style-components usando tailwind.
  • buscar por nome: É realizar por params que é passada na url, assim posso fazer uma buscar além de permitir que o filtro continua aplicado caso essa url seja conpartilhada.
  • filtros: É realizar por params que é passada na url, assim podendo realizar varios filtros.

✔️ Critérios de Avaliação

Além dos requisitos levantados acima, iremos olhar para os seguintes critérios durante a correção do desafio:

  • [] Gerenciamento de estado
  • [] Componentização
  • [] Responsividade
  • [] Preocupação com usabilidade
  • [] Preocupação com acessibilidade
  • [] Testes e2e
  • [] Padrões de código
  • Padrão de commits (Conventional)

😎 Seria legal

  • [] Fazer deploy na vercel ou em outro local de sua preferência e disponibilizar um link de visualização
  • [] Testes unitários
  • Utilização de cache do Next.js.

challenge--wine's People

Contributors

ar3secchim avatar

Watchers

 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.