- 1. Resumen del Proyecto.
- 2. Objetivo.
- 3. Perfil de usuario.
- 4. Prototipo de baja.
- 5. Prototipo de alta
- 6. Objetivos de aprendizaje.
- 7. Desarrollares/autores
- 8. Producto final
Una aplicación donde los usuarios podran recomendar y compartir imágenes, experiencias y la ubicación de restaurantes o lugares con actividad culinaria.
Nuestra red social tiene como finalidad descubrir, conocer y compartir los lugares donde se puede disfrutar de los manjares típicos, reconocer ingredientes, preparaciones y, en fin, acercarse a la cultura local a través de sus platillos.
Se trata de una maravillosa forma para potenciar las economías locales y apoyar el desarrollo turístico.
No solo son amantes de la comida. Y es que ellos saben que las rutas gastronómicas los pueden llevar a vivir una verdadera aventura, a tener experiencias distintas, a comprender otras maneras de ver el mundo.
Estudiantes de gastronomía que quieran enriquecer sus conocimientos, ampliar su gama de sabores y mejorar sus técnicas culinarias. Un verdadero viaje de aprendizaje que no tiene ningún tipo de desperdicio.
Aquellas personas interesadas en la cocina y la cultura.
Familias y/o amigos que deseen compartir momentos alrededor de la comida y los lugares.
El objetivo principal de aprendizaje de este proyecto es construir una Single-page Application (SPA) responsive (con más de una vista / página) en la que podamos leer y escribir datos.
- Uso de HTML semántico.
- Uso de selectores de CSS.
- Uso de flexbox en CSS.
- [c] Uso de CSS Grid Layout
- Uso de selectores del DOM.
- Manejo de eventos del DOM (addEventListener, removeEventListener, Event objeto, delegación de eventos)
- Manipulación dinámica del DOM (appendChild | createElement | createTextNode | innerHTML | textContent | etc.)
- Implementación de routing (History API. |
hashchange
) -
localStorage
- Uso de condicionales (if-else | switch | operador ternario)
- Uso de funciones (parámetros | argumentos | valor de retorno)
- Manipular arrays (filter | map | sort | reduce)
- Manipular objects (key | value)
- Uso ES modules (
import
|export
) - Diferenciar entre expression y statements.
- Diferenciar entre tipos de datos atómicos y estructurados.
- Uso de callbacks.
- Consumo de Promesas.
- Organizar y dividir el código en módulos (Modularización)
- Uso de identificadores descriptivos (Nomenclatura | Semántica)
- Uso de linter (ESLINT)
- Uso de comandos de git (add | commit | pull | status | push)
- Manejo de repositorios de GitHub (clone | fork | gh-pages)
- Colaboración en Github (branches | pull requests | |tags)
- Organización en Github (projects | issues | labels | milestones)
- Firestore.
- Firebase Auth.
- Firebase security rules.
- Observadores. (onAuthStateChanged | onSnapshot)
- Diseñar la aplicación pensando y entendiendo al usuario.
- Crear prototipos para obtener feedback e iterar.
- Aplicar los principios de diseño visual (contraste, alineación, jerarquía)
- Planear y ejecutar tests de usabilidad.
Ruby Alvarez. Leidy Paola Castro.
Para el producto final se logro dejar en su mayoria una similitud con el diseño, en el proceso de mejora se ira agregando estilos para una experiencia agradable.