This repository hosts the development project of an e-commerce website, carried out by a group of web developers. The main goal of this project is to create an attractive and functional e-commerce website using HTML and CSS web technologies. The site's design has been crafted in Figma, following accessibility and UX/UI principles to ensure an optimal user experience. The project also includes adapted versions for both mobile and desktop devices, ensuring accessibility across all platforms.
Project Requirements:
- Implementation of the design using HTML and CSS.
- Creation of a section displaying all products available in the catalog.
- Integration of registration, login, and contact forms to enhance user interaction.
- Use of semantic HTML to improve site structure and accessibility.
- Fully responsive design, with a "mobile-first" approach for an optimal experience on mobile devices.
- Incorporation of CSS animations to enhance aesthetics and user experience.
- Use of copyright-free images from image banks like "Pixabay" to maintain project legality and visual quality.
Additional Features:
- Implementation of JavaScript for functionality to hide or show the shopping cart, improving site usability.
- Configuration of deployment options to ensure online availability of the website.
- Linkage with the Figma design project and access to the source code through GitHub.
This repository serves as a comprehensive record of the project, providing access to the source code, documentation, and resources associated with the development of an e-commerce website with a focus on accessibility, visual quality, and functionality.
Figma Prototype: Link to Figma
Trello Board: Link to Trello
Español/Spanish:
Este repositorio alberga el proyecto de desarrollo de un sitio web de comercio electrónico, realizado por un grupo de desarrolladores web. El objetivo principal de este proyecto es crear un sitio web de comercio electrónico atractivo y funcional utilizando las tecnologías web HTML y CSS. El diseño del sitio se ha elaborado en Figma, siguiendo principios de accesibilidad y UX/UI para garantizar una experiencia de usuario óptima. El proyecto también incluye versiones adaptadas para dispositivos móviles y de escritorio, asegurando la accesibilidad en todas las plataformas.
Requisitos del Proyecto:
Implementación del diseño utilizando HTML y CSS. Creación de una sección que muestre todos los productos disponibles en el catálogo. Integración de formularios de registro, inicio de sesión y contacto para mejorar la interacción con los usuarios. Uso de HTML semántico para mejorar la estructura y accesibilidad del sitio. Diseño totalmente responsivo, con un enfoque "mobile-first" para brindar una experiencia óptima en dispositivos móviles. Incorporación de animaciones CSS para mejorar la estética y la experiencia del usuario. Utilización de imágenes sin derechos de autor de bancos de imágenes, como "Pixabay", para mantener la legalidad y la calidad visual del proyecto. Funcionalidades Adicionales:
Implementación de JavaScript para la funcionalidad de ocultar o mostrar el carrito de compras, mejorando la usabilidad del sitio. Configuración de opciones de deployment para asegurar la disponibilidad en línea del sitio web. Vinculación con el proyecto de diseño en Figma y acceso al código fuente a través de GitHub.
Este repositorio sirve como un registro completo del proyecto y proporciona acceso al código fuente, documentación y recursos asociados al desarrollo de un sitio web de comercio electrónico con un enfoque en la accesibilidad, la calidad visual y la funcionalidad.
Prototipo en Figma: https://www.figma.com/file/wk1QjeIDZeqEO6HEbloBUd/Proyect-2?type=design&node-id=24%3A357&mode=design&t=kecD3cQriZEdUVcY-1
Trello: https://trello.com/invite/b/sXs8fjfw/ATTI7167a31b9172742f6a91ae8a71b73823EFA37015/e-comerce-grupo-2