Proyecto Jorge

[UlisesGascon]

Claves

• Tienda de camisetas personalizadas
• revindicativa
• MEMES

Referencia proyecto anterior -> #9

Pasos

• Maquetar la web básica y bonita. (landing, catalogo, producto, logo...)
  • Hacer un fichero por maqueta sin JS (maquetas/index.html, maquetas/catalogo.html...)
  • Mirar documentación de Bootstrap
• Montar las "vistas" con un Router y datos "estáticos"
  • Mirar clase de Router y documentación de librería Navigo
  • Mirar manipulación del DOM
  • Reconocer las "partes comunes" de todos tus ficheros HTML y lo juntamos en un nuevo_index.html
  • Definir que rutas tienes y que se ve en cada ruta <section id="main"></section>
• Definir los esquemas de datos
  • Mirar documentación de Firebase Realtime Database
  • Lo que antes eran data/catalogo.json ahora es base de datos.
  • Implementar la lógica de fierbase en el sistema de plantillas, es decir... El usuario llega a /catalogo... con el router llamamos a Firebase y traemos los datos de las camisetas... con esos datos pintamos el contenido de section...

Extras

• Login de los usuarios con GIthub o facebook (firebase oauth)
• generar una ruta /mis-pedidos-historial que muestre los "pedidos" del usuario
• generar una ruta /carrito con mis items preseleccionados
• generar una ruta /comprar que simula el "proceso de compra" check + botón (sin pago ni nada...), lo que tengo en el carrito pasa al historial de pedidos

Muy Extra ++

• Responsive

Notas viejas ?

• Home -> / -> https://www.redbubble.com/es
• catalogo /catalogo -> https://www.redbubble.com/es/shop/mens-t-shirts?cat_context=men-clothes&ref=global-nav-menu
• producto -> /camiseta/:id -> https://www.redbubble.com/es/people/azzza/works/34303051-ojos-de-bruja-reptil-patr-n-retro?cat_context=men-clothes&grid_pos=1&p=long-t-shirt&rbs=bc6be738-fb70-4495-9f34-4ef41acf14d8&ref=shop_grid&iaCode=m-tees
• personalizar -> /custom -> https://www.stickermule.com/es/products/pegatinas-parachoques/configure