Página responsive creada desde 0 a través de los cursos de "Desarrollo Web" y "Javascript" de Coderhouse. Este repositorio toma como punto de partida el trabajo final del curso de "Desarrollo Web". Es una tienda de cosplays que fue realizada sólo para fines educativos, no es un emprendimiento en funcionamiento actualmente.
- HTML (semántico)
- CSS
- Flex
- Grid
- Transition
- Media queries
- Pseudoclases y pseudoelementos
- Metodología BEM
- Git
- Github / Github pages
- SEO onpage básico
- SASS
- Variables y mapas
- Anidamientos (nesting y &)
- extend
- mixin e include
- each
- Javascript
- Frameworks: Bootstrap v5.2
- Librearías: Axios, EmailsJS y SweetAlert2
Considerando que es una simulación, sin backend y realizada sólo con Javascript Vanilla, se puede realizar lo siguiente:
- Agregar o quitar del carrito y que esto tenga persistencia a través del local storage en todas las páginas.
- Modificar en el carrito las cantidades que se deseen de productos.
- Simular una compra con un código de descuento.
- En cuanto a la tienda: se puede buscar, filtrar y ordenar los productos.
- Buscar un término en el header y ser redireccionado a la tienda desde cualquier página.
- Suscribirse a un newsletter que manda un mail con un código de descuento y una bienvenida.
- Crear una cuenta y que esta se guarde para luego iniciar sesión. Y que si ya hay una cuenta guardada, se inicie automáticamente.
- En cuánto a las medidas: se pueden ir guardando a medida que se ve el tutorial. Cuando se termina de completar el formulario con los datos, las medidas son enviadas al dueño de la página junto con los datos.
- Se puede completar un formulario de contacto que será enviado al dueño con la información.
En este video se juega un poco con las funcionalidades de la página: