Reaccionar comercio electrónico por Jobsimulator.dev
Este es un sitio simple de comercio electrónico hecho con reaccionamiento y tallas. Su trabajo es solucionar 8 problemas:
- Ordenar productos por precio y fecha de lanzamiento
- Persistencia del carro en la actualización
- Agregar funcionalidad de filtros de productos
- La búsqueda del producto está causando bucle infinito
- Necesita mostrar 'carrito vacío' cuando el carrito está vacío en la página del carrito
- Actualizar el carrito en NAV con el tamaño del carrito
- El carrito no se cierre cuando el usuario hace clic en la región gris
- Subtotal no se implementa en la página del carrito
Objetivos de aprendizaje
Practicarás y ganarás experiencia con:
- Papas web de estilo con Tailwindcss
- Usando React Hooks (useSestate, use Effectect)
- Manipular, agregar, clasificar y mostrar datos
- Trabajar con tablas en React
- Implementación de un carrito de compras
- Trabajando con almacenamiento local
- Formato de divisas
- Extraer datos de API
Cómo empezar a trabajar
- Bifurca este repositorio y clona localmente.
- Instale las dependencias ejecutando
npm i - Ejecute la aplicación localmente ejecutando
npm run dev:frontend para iniciar el frontend y npm run dev:backend para iniciar el backend. - Visite http: // localhost: 3000 para ver el sitio.
- Arregle todos los problemas (se proporcionan sugerencias como comentarios en el código)
- Una vez que todas sus soluciones estén completas, cree una sola solicitud de extracción a este repositorio
- Compruebe si sus soluciones pasan nuestras pruebas automatizadas.
¿Necesitar ayuda?
La mejor manera de pedir ayuda es preguntarle a nuestra comunidad de discordias.
Haga clic aquí para unirse al Jobsimulator.dev Discord.
¿Quieres más desafíos?
Explore nuestra lista de desafíos y únase a nuestra discordia para recibir una notificación cuando se lanzan nuevos desafíos.
