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
La planificación se llevó a cabo en GH Projects y se completó por 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).
A partir de las ideas en conjunto, se crearon distintos prototipos.
- HTML semántico
- CSS
flexbox - Construir tu aplicación respetando el diseño realizado (maquetación).
- Manipulación dinámica del DOM
- History API
- [
localStorage]
- Uso de callbacks
- Consumo de Promesas
- Uso ES modules
(
import|export)
- Branches
- Pull Requests
- Tags
- Projects
- Issues
- Labels
- Milestones
- Modularización
- Nomenclatura / Semántica
- Linting