Skip to content

AthenasCode/Athens

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Athens E-commerce Website

📄 Descripción

Este proyecto consiste en el desarrollo de un sitio web e-commerce para una empresa del sector retail. Enfocada en la maquetación estática para evaluar el diseño inicial antes de proceder a fases posteriores con funcionalidades más complejas.

El sitio incluye diversas páginas con un diseño responsive optimizado para dispositivos móviles. La interfaz ofrece una experiencia de usuario intuitiva y fácil navegación a través de varias secciones.

🛠️ Tecnologías Utilizadas

HTML CSS

📑 Contenido del Sitio

El sitio web contiene las siguientes páginas y características:

  • 🖥️ Header y Footer Header: Incluye el logo de la empresa, un campo de búsqueda, y links a "Mi cuenta" y "Carrito". Footer: Contiene la razón social, redes sociales y medios de pago, así como un mapa del sitio.
  • 🏠 Página de Inicio Promociones: Dos imágenes promocionales de productos con descuento. Productos Destacados: Grid de 12 productos destacados con imagen, nombre, precios, y botón de agregar al carrito. Banner Publicitario: Un banner sobre un producto destacado.
  • 📃 Página de Lista de Productos (PLP) Navegación: Incluye migas de pan (breadcrumb) y caja de filtros con categorías y opciones. Listado de Productos: Detalles del producto, incluyendo imagen, nombre, calificación, y precio. Ordenar: Opciones para ordenar por relevancia, fecha de carga, y precio.
  • 📄 Página de Descripción de Producto (PDP) Detalles del Producto: Incluye nombre, imagen, descripción, y especificaciones técnicas en formato tabla. Productos Relacionados: Sección de productos que podrían interesar al usuario.
  • 🛒 Página de Carrito de Compras Carrito: Listado de productos seleccionados, opciones de envío, y resumen de la compra con totales e impuestos.

🌐 Cómo Visualizar el Proyecto

Para visualizar este proyecto localmente:

  1. Clone the repository:
git clone https://github.com/yourusername/repository-name.git
  1. Navigate to the project directory:
cd your-repository
  1. Open the index.html file in your preferred browser:
open index.html

👥 Integrantes

  1. María Camila Gómez: Rol (Frontend Developer, QA Manual)
  2. Roberto Rocha: Rol (Frontend Developer, TL)
  3. Rafael Martinez: Rol (Frontend Developer)
  4. Santiago Romero: Rol (Frontend Developer)
  5. Freddy Fajardo: Rol (Frontend Developer)

📋 Licencia

Este proyecto es de código abierto y se puede usar, modificar y distribuir de acuerdo con los términos de la licencia incluida en el repositorio.

Releases

No releases published

Packages

No packages published

Contributors 5