cazavi / SCL020-social-network

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

SOCIAL NETWORK

Puedes ver el proyecto terminado aquí

TEMA

Decidimos hacer una red social dirigida al usuario plant lover.

HISTORIAS DE USUARIO

Realizamos encuesta para recabar información. Resumimos la información en:

  1. yo como usuario quiero iniciar sesión con google, para acceder a contenido general sobre plantas.
  2. yo como usuario quiero registrarme en la app, para acceder a contenido de cuidado sobre plantas.
  3. yo como usuario quiero usar la app en navegador Google chrome, para participar en grupos, foros o comentarios sobre plantas.

RESULTADOS

PALETA DE COLORES

DESCRIPCIÓN DE PRODUCTO

PROTOTIPO DE BAJA

PROTOTIPO DE ALTA

Ver prototipo con interacciones aquí

DESARROLLO DEL PROYECTO

  • Comenzamos eligiendo el tema:'plantas'.
  • Creamos un Trello y un Figma para trabajar la planificación y el prototipo.
  • Definimos algunas tareas en Trello y adjuntamos información.
  • Comenzamos a trabajar el prototipo de baja en Excalidraw
  • Elegimos nuestra paleta de colores añadiendola a trello.
  • Creamos nuestro proyecto en firebase y lo unimos.
  • Estructuramos nuestro DOM para comenzar a trabajar con firebase, router y templates.
  • Resumimos los resultados de nuestra encuesta, dejandolo en info de trello.
  • Terminamos nuestro prototipo de baja.
  • Terminamos nuestro prototipo de alta.
  • Comenzamos a transformar las funciones de firebase.
  • Agregamos función navigate, login y profile, para poder redirigir a cada una de esas rutas y pusimos un pequeño html para probar.
  • No funcionó este primer intento y decidimos avanzar lo más posible con nuestros templates para poder ir conectando directamente firebase a cada template.
  • Creamos un menú activo para moverse por la app.
  • Logramos integrar la redirección para iniciar sesión con gmail.
  • Logramos mostrar posts en el template de publications.
  • Logramos crear el login con email y contraseña.
  • Logramos reservar el usuario mientras se está en la app.
  • Agregamos el log out con su botón correspondiente.
  • Pudimos añadir la función para crear post, redirigiendo a otro template.
  • Añadimos la función de eliminar post, donde posteriormente lo metimos en un modal donde se pida la confirmación de borrado.
  • Comenzamos con trabajo de test y mocks.
  • Añadimos otro template para redirigir el edit posts.
  • Tuvimos varios problemas con las funciones de like post por ids y temas de firestore.
  • Pudimos solucionar el cambiar la imagen del like al dar y quitar like.
  • La edición y actualización de post quedó funcional.
  • Agregamos likesSum como un propiedad de los post para agregarlo a un spam con un contador y logramos con ello contar los likes.
  • No pudimos resolver problemas con mock tests por falta de tiempo con coaches, pero logramos al menos una parte de ellos.

About


Languages

Language:JavaScript 75.1%Language:CSS 24.0%Language:HTML 0.9%