Skip to content

NoahXD-dev/Frontrnd-Store

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🛍️ Frontend Store

Tienda en línea de camisetas temáticas para desarrolladores. Incluye catálogo de productos, página de detalle, formulario de compra y sección "Nosotros". Desarrollada con HTML5 y CSS3 puro, con diseño responsivo usando CSS Grid.

🔗 Ver Demo en vivo


✨ Características

  • Catálogo de productos con 14 camisetas temáticas de tecnologías (Vue, React, Node, etc.)
  • Página de detalle con selector de talla, cantidad y botón de agregar al carrito
  • Sección Nosotros con información del negocio y bloques de beneficios
  • CSS Grid responsivo adaptado para móvil (2 columnas) y escritorio (3 columnas)
  • Gráficos decorativos integrados en el grid del catálogo
  • Navegación con estado activo por página
  • Año dinámico en el footer generado con JavaScript
  • Tipografía personalizada con Google Fonts (Staatliches)
  • Variables CSS para una paleta de colores consistente

🛠️ Tecnologías

HTML5 CSS3 JavaScript

  • normalize.css v8.0.1 — Reset de estilos entre navegadores
  • Google Fonts — Fuente Staatliches
  • CSS Grid — Layout principal de productos y secciones

📸 Demo

Visita el sitio en vivo aquí 👉 noahxd-dev.github.io/Frontrnd-Store


📸 Vista previa

Screenshot del sitio


📁 Estructura del proyecto

frontend-store/
├── css/
│   ├── normalize.css
│   └── styles.css
├── img/
│   ├── logo.png
│   ├── 1.jpg - 14.jpg   # Productos
│   ├── grafico1.jpg
│   ├── grafico2.jpg
│   ├── nosotros.jpg
│   └── icono_1-4.png    # Íconos de beneficios
├── index.html            # Catálogo de productos
├── nosotros.html         # Página Nosotros
└── producto.html         # Detalle de producto

© 2025 Frontend Store — Todos los derechos reservados.

About

Proyecto de html y css puro donde se ven mas a fondo los temas de flex y grid

Resources

Stars

Watchers

Forks

Contributors