- La temática es un E-commerce. Deberá ser una página para una empresa que venda algún producto o grupo de productos y/o servicios.
-
👉 Deberán utilizar buenas prácticas a la hora de estructurar y organizar el código (buena organización del código en general, por ejemplo, buenos nombres de variables, funciones y parámetros).
-
👉 El Sitio deberá ser una landing page totalmente responsive, en la que deberá haber:
- Un header
- Una sección de Hero o portada.
- Una sección de "about us".
- Una sección de productos en la cual se deberá poder filtrar por categorías dichos productos.
- Una sección de contacto.
- Un footer.
- Un carrito.
-
👉 Deberá tener al menos una funcionalidad en la que capture datos de una parte de la página y cree un componente HTML en base a eso (Por ejemplo, agregar un producto al carrito).
-
👉 Deberá utilizar localStorage, para persistir datos en el sitio (productos en el carrito).
-
👉 En caso de que lo deseen, podrán usar algún framework de CSS para el estilado de la página.
-
👉 La sección de productos deberá renderizarse desde JS. No podrán codear cada producto/noticia en el archivo HTML.
-
👉 La sección de contacto deberá tener un formulario con validación incluida, mostrando tanto los errores como un mensaje de éxito si pasa las validaciones.
-
👉 El sitio debe ser responsivo y tener menú hamburguesa (funcional, realizado con js) en las resoluciones (mobile, tablet, etc.) que corresponda.
-
👉 OPCIONAL: Si conocen alguna API de Productos que quieran utilizar en lugar de traer los datos desde un archivo de JS, pueden hacerlo.
-
👉 Deberán entregar el link de Github y el de Vercel. Asegúrense de que no tengan el repositorio en privado y de no entregar el link a su Dashboard propio en Vercel.
-
npm install vite --save-dev
-
npm run dev