Frontend Mentor · Next.js
Retos del repositorio
Misma colección de desafíos que en el repo estático, con metadatos extra: dificultad oficial (Newbie, Junior, Intermediate…) y etiquetas de stack.
¿Por qué hay dos repos? El directorio clásico en HTML/CSS/JS refuerza fundamentos sin build step. Esta app Next.js sirve para practicar rutas, componentes react, datos y despliegue más cercano al día a día profesional. Vuelve al hub de entrada para elegir track o ver capturas.
Proyectos (3)
- Results summary componentNewbieEn progresoResults summary component
Resumen de puntuación con gradiente, filas por categoría y datos desde JSON; layout responsive.
/results-summary-component/- HTML
- CSS
- JSON
- App Router
- QR code componentNewbieEjemplo / plantillaQR code component
Tarjeta con código QR y tipografía clara; ideal para practicar sombras y espaciado.
/qr-code-component/- HTML
- CSS
- Blog preview cardNewbieEjemplo / plantillaBlog preview card
Componente de vista previa con imagen, etiqueta y tipografía fluida.
/blog-preview-card/- HTML
- CSS
- Responsive