Clon de la Página de Abstract

Este proyecto es una réplica de la página oficial de Abstract, desarrollada para practicar y mejorar habilidades en Next.js y Tailwind CSS. El objetivo es replicar el diseño, la disposición y algunos elementos interactivos de la página original.

Vista Previa

Tecnologías Utilizadas

• Next.js: Framework de React para aplicaciones web con renderizado del lado del servidor.
• Tailwind CSS: Framework de CSS utilitario para estilos rápidos y responsivos.

Funcionalidades

• Barra de navegación: Similar a la de Abstract, con un menú de categorías y enlaces a diferentes secciones.
• Secciones de productos: Presentación de productos destacados, incluyendo consolas, videojuegos y accesorios.
• Estilos y Animaciones: Estilos en Tailwind CSS y JavaScript para una experiencia visual mejorada.
• Responsividad: Adaptación a dispositivos móviles y de escritorio utilizando utilidades de Tailwind.

Instalación

1. Clona el repositorio:

   git clone https://github.com/NarelaCamara/abstract-copy.git

2. Navega a la carpeta del proyecto:

   cd abstract-copy

3. Instala las dependencias:

   npm install

4. Ejecuta el servidor de desarrollo:

   npm run dev

5. Abre http://localhost:3000 en tu navegador para ver el proyecto en acción.

Estructura del Proyecto

├── pages
│   └── index.js       # Página principal
├── styles
│   └── globals.css    # Configuración y estilos de Tailwind
├── public
│   └── assets         # Imágenes y recursos gráficos
└── components         # Componentes de UI reutilizables

Links Útiles

• Tailwind CSS Components Cheatsheet: Un recurso completo para consultar clases de Tailwind CSS.
• Documentación de Next.js: Documentación oficial de Next.js.
• Documentación de Tailwind CSS: Documentación oficial de Tailwind CSS.
• Heroicons: Íconos gratuitos diseñados para integrarse con Tailwind CSS.
• esrb

Contribuciones

Si deseas contribuir para mejorar este clon o agregar nuevas funcionalidades, haz un fork del repositorio y crea un pull request.

Créditos

Este proyecto está inspirado en la página oficial de Abstract - Abstract copy page. Todos los derechos de las imágenes y contenido pertenecen a Abstract.

Licencia

Este proyecto es solo para fines educativos y personales. No está afiliado a Abstract, y no se debe utilizar con fines comerciales.