Skip to content

Bichigram es una red social dirigida a cualquier persona interesada en los artrópodos para a ayudar a otros a identificar, catalogar y aprender sobre ellos.

Notifications You must be signed in to change notification settings

marielcarrillo/CDMX009-Social-Network

 
 

Repository files navigation

Bichigram 🐞

Resúmen del proyecto

Bichigram es una red social dirigida a cualquier persona interesada en los artrópodos para a ayudar a otros a identificar, catalogar y aprender sobre ellos.

La aplicación fue creada con un enfóque mobile first, y para la implementación se utilizó HTML5, SASS, Vanilla JS y Firebase.

Bichigram consiste en una SPA con las siguientes pantallas:

  • Página de bienvenida
  • Inicio de sesión para usuarios ya registrados
  • Registro
  • Crear nueva publicación
  • Noticias (feed)
  • Perfil

Planificación

La planificación se llevó a cabo en GH Projects y se completó por historias de usuario.

Historias de usuario

  • Como usuario nuevo, debo poder crear una cuenta con: nombre de usuario, foto, mail y contraseña.
  • Como usuario existente, debo poder loggear con mi mail/nombre de usuario y contraseña.
  • Como usuario loggeado puedo compartir publicaciones.
  • Como usuario loggeado puedo editar y eliminar mis publicaciones.
  • Como usuario loggeado puedo dar 'me insecta' y ver cuantos 'me insecta' tiene una publicación.
  • Como usuario loggeado puedo visitar mi perfil y ver mis datos (nombre y foto de perfil).

Sketching

sketch

sketch

Prototipo

A partir de las ideas en conjunto, se crearon distintos prototipos.

sketch

Image from Gyazo

Prototipo Alta definición: https://www.figma.com/file/HYBJZXi611TjN9xrBkvRFM/Bichigram?node-id=0%3A1

About

Bichigram es una red social dirigida a cualquier persona interesada en los artrópodos para a ayudar a otros a identificar, catalogar y aprender sobre ellos.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 44.8%
  • CSS 28.4%
  • HTML 26.8%