Skip to content

superliza/social-network-animals

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Producto final - Social Network Animals

Planeación


Hacer una página de adopción a animales y ayudar a los que estén heridos o abandonados.

  • Hacer un log in y un sign up con Firebase.
  • Capacidad de agregar o seguir personas.
  • Un lugar para postear.
  • Un lugar para subir imágenes.
  • Un newsfeed donde puedes ver las actualizaciones de todos tus contactos.
  • Ser mobile friendly.

Sketch


  • Hacer una vista principal para iniciar sesión y registrarse.

    • Ambos serán formularios y tendrán usuario y contraseña.
    • Al iniciar sesión o registrarse como usuario, los llevará a la vista de home.

    Huella logo

  • La segunda vista será home.

    • Tendrá un nav y habrá un buscador, un perfil, una mensajería y un lugar para poder escribir posts.
  • Del lado lateral derecho aparecerán los animales para adoptarlos y se desencadenará un modal que tendrá un formulario por si la persona desea adoptarlo.

  • En la parte lateral izquierda habrá asociaciones para que puedan seguirlas y ver qué animales hay para adoptar o ayudar.

  • En la parte principal estarán los posts de las personas que sigan.

    Home Home Home

  • En la tercera vista será el perfil del usuario, que tendrá lugar a publicar lo que desee y subir fotos.

Profile

  • En la parte del footer habrá páginas amigas que serán en las que puedan acudir para solicitar ayuda en caso de que la necesiten.

Footer


Funcionalidad


  • Validar el password, mail y el usuario para el registro y el inicio de sesión.
  • agregar modal al ícono de textarea para que el usuario escriba.
  • validar subir fotos por firebase.
  • hacer las imágenes dinámicas y agregar el botón de "seguir" y "ver".
  • El valor que el usuario ingrse en el textarea será el que se pintará en el perfil.
  • De igual forma, pintarlo en el newsfeed.

Social Network Animals

Red Social

Puntos básicos que debe tener una red social:

  • Perfiles de usuarios.
  • Un newsfeed donde puedes ver las actualizaciones de todos tus contactos.
  • Un lugar donde poder escribir posts.
  • Un lugar para subir fotos.
  • Capacidad para poder tener amigos o para poder seguir a personas/marcas dentro de la red social.
  • Ser mobile friendly.

¿QUÉ SE REQUIERE?

  • Trabajar en parejas
  • Tener una planificación
  • La definición del diseño
  • Diseño mobile friendly
  • Desplegar el producto en Github Pages
  • Opcional, si se desarrolla un login o se desea almacenar la información en una base de datos, usar Firebase.

Planeación

  • 29 de enero Ideas sobre la temática de la red social, estructuración del sketch, comienzo de maquetación, investigación y fijar alcance.

  • 30 de enero Continuación de maquetación, investigación, funciones y comienzo de la presentación para el día de la entrega.

  • 31 de enero Afinación de detalles para posteriormente hacer la entrega del producto.