Este repositorio contiene el código del frontend de un ecommerce llamado MotoFly, el cual forma parte de la presentación final del curso en Rolling Code School. El proyecto ha sido construido utilizando las siguientes tecnologías principales: HTML5, CSS3, Bootstrap y ReactJS.
-
HTML5: Lenguaje de marcado utilizado para estructurar el contenido de las páginas web.
-
CSS3: Lenguaje de hojas de estilo utilizado para el diseño y la presentación visual de las páginas web.
-
Bootstrap: Marco de diseño front-end que facilita la creación de interfaces web responsivas y atractivas.
-
ReactJS: Biblioteca de JavaScript para construir interfaces de usuario interactivas y reactivas.
-
Git: Sistema de control de versiones utilizado para el seguimiento y gestión del código fuente.
-
Trello: Herramienta de gestión de tareas utilizada para organizar y seguir el progreso del proyecto.
-
Metodología SCRUM: Marco de trabajo ágil utilizado para la gestión y planificación del proyecto.
La barra de navegación contiene el logo del ecommerce, una barra de búsqueda funcional, el carrito de compras y enlaces para iniciar sesión y registrarse. También ofrece una sección para navegar por las diferentes páginas de la aplicación y seleccionar según las categorías de ofertas o destacados.
La página de inicio presenta un slider con imágenes relacionadas a los productos. En formato de tarjetas se muestran los diferentes productos de la aplicación que van desde motos, guantes, cascos, indumentaria, entre otros.
En esta página se presentan los integrantes del proyecto en tarjetas individuales, cada una con una imagen y una breve descripción. Además, se incluye una sección que menciona la institución que formó al equipo y testimoniales de los miembros.
Esta página contiene un formulario que permite a los usuarios dejar su nombre, apellido, correo y un mensaje. La validación de los campos se realiza utilizando React Hook Form.
Las páginas de inicio de sesión y registro cuentan con formularios validados con React Hook Form. El formulario de registro incluye campos para el nombre de usuario, correo y contraseña, además de la opción de cargar una foto de perfil.
El pie de página incluye el logo del ecommerce, enlaces para navegar a las distintas partes de la aplicación y perfiles de los integrantes del proyecto en GitHub y LinkedIn.
El ecommerce MotoFly se caracteriza por su diseño atractivo y una paleta de colores que incluye tonos claros como el blanco, rojo y gris. Además, la aplicación está diseñada para adaptarse a diferentes pantallas, como celulares, tablets y laptops.
-
Luis López
-
Erika Cruz
-
Franco Nieva
-
Belén Gómez
-
Carlos Avanzini
Nota: Este repositorio contiene el código correspondiente al frontend del ecommerce. Para acceder a la parte del backend de la aplicación, consulte el repositorio Backend del ecommerce ✨