Reagir comércio eletrônico por jobsImulator.dev
Este é um site simples de comércio eletrônico feito com react e caudawindcss. Seu trabalho é corrigir 8 problemas:
- Classificar produtos por preço e data de lançamento
- Persistência do carrinho na atualização
- Adicionar funcionalidade de filtros de produto
- A busca de produtos está causando loop infinito
- Precisa exibir 'carrinho vazio' quando o carrinho estiver vazio na página do carrinho
- Atualizar carrinho em navegação com tamanho de carrinho
- Carrinho não fechando quando o usuário clica na região cinza
- Subtotal não é implementado na página do carrinho
Objetivos de aprendizado
Você vai praticar e ganhar experiência com:
- Estiling WebApps com Tailwindcss
- Usando ganchos react (usestate, useeffect)
- Manipular, agregar, classificar e exibir dados
- Trabalhando com tabelas no React
- Implementando um carrinho de compras
- Trabalhando com armazenamento local
- Formatação da moeda
- Puxando dados da APIs
Como começar a trabalhar
- Bifra este repositório e clone -o localmente.
- Instale as dependências executando
npm i - Execute o aplicativo localmente executando
npm run dev:frontend para iniciar o front -end e npm run dev:backend para iniciar o back -end. - Visite http: // localhost: 3000 para ver o site.
- Corrija todos os problemas (as dicas são fornecidas como comentários do código)
- Depois que todas as suas soluções estiverem concluídas, crie uma única solicitação de tração para este repositório
- Verifique se suas soluções passam nossos testes automatizados.
Precisar de ajuda?
A melhor maneira de pedir ajuda é perguntar à nossa comunidade Discord.
Clique aqui para ingressar no JobsImulator.dev discord.
Quer mais desafios?
Procure nossa lista de desafios e junte -se à nossa discórdia para ser notificada quando novos desafios forem divulgados.
