Creando una Red Social

1. Introducción

En una era digital, donde la eficiencia del tiempo es cada vez mas requerida, hay personas que quieren ser productivas en todo lo que hacen, incluso cuando se quieren dar un tiempo para el ocio y la diversión.

Para aquellos que disfrutan de la lectura de un libro, saben que es un pasatiempo que toma tiempo, por lo tanto muchas veces nos decepcionamos al comenzar un libro y este no era lo que esperábamos, considerando que perdimos el tiempo y que nuestras expectativas sobre este no se cumplieron.

En nuestra investigación nos encontramos con pocos lugares donde las personas puedan compartir y expresar todo lo relacionado con el mundo De ahi nace la necesidad de una red social que permita a los amantes de la lectura y los libros tener un lugar seguro para poder expresarse.

2. Resumen del proyecto, creando una Red Social

Para el lector entusiasmado, no siempre cuenta en su circulo de familia y/o amigos personas que entiendan su pasión y tengan el interés de conocer los detalles de su lectura, en esta red social tiene un lugar donde puede expresarse libremente, una comunidad que comparte sus mismo intereses.

• Quiénes son los principales usuarios de producto? Este proyecto esta enfocado en las personas amante de las lecturas y las que se quieren iniciar en el mundo de los libros.

• Qué problema resuelve el producto/ para qué le servirá a estos usuarios? Esta red social crea un espacio para que los aficionados a los libros puedan tener un lugar seguro para expresarse, dar sus comentarios y recomendar libros que hayan leído. Para aquellos indecisos que están buscando que leer podrán acceder a las recomendaciones de los otros usuarios.

  Nuestro trabajo incluye, bocetos de prototipos de baja y alta fidelidad. Los prototipos de alta fidelidad se trabajaron en Figma e incluyen las interacciones de la pagina. Las Historias de usuarios se trabajaron en Trello. Si necesitas acceso a ver nuestro Trello, por favor contáctanos.

Para acceder al proyecto desplegado Haga clik aqui

3. Los Objetivos de aprendizaje de este proyecto, abarcan los siguientes items :

HTML

• Uso de HTML semántico

CSS

• Uso de selectores de CSS
• Modelo de caja (box model): borde, margen, padding
• Uso de flexbox en CSS
• Uso de CSS Grid Layout

Web APIS

• Uso de selectores del DOM
• Manejo de eventos del DOM (listeners, propagación, delegación)
• Manipulación dinámica del DOM
• Ruteado (History API, evento hashchange, window.location)

Javascript

• Arrays (arreglos)
• Objetos (key, value)
• Diferenciar entre tipos de datos primitivos y no primitivos
• Variables (declaración, asignación, ámbito)
• Uso de condicionales (if-else, switch, operador ternario, lógica booleana)
• Uso de bucles/ciclos (while, for, for..of)
• Funciones (params, args, return)
• Pruebas unitarias (unit tests)
• Pruebas asíncronas
• Uso de mocks y espías
• Módulos de ECMAScript (ES Modules)
• Uso de linter (ESLINT)
• Uso de identificadores descriptivos (Nomenclatura y Semántica)
• Diferenciar entre expresiones (expressions) y sentencias (statements)
• Callbacks
• Promesas

Control de Versiones (Git y GitHub)

• Git: Instalación y configuración
• Git: Control de versiones con git (init, clone, add, commit, status, push, pull, remote)
• Git: Integración de cambios entre ramas (branch, checkout, fetch, merge, reset, rebase, tag)
• GitHub: Creación de cuenta y repos, configuración de llaves SSH
• GitHub: Despliegue con GitHub Pages
• GitHub: Colaboración en Github (branches | forks | pull requests | code review | tags)
• GitHub: Organización en Github (projects | issues | labels | milestones | releases)

Centrado en el usuario

• Diseñar y desarrollar un producto o servicio poniendo a las usuarias en el centro

Diseño de producto

• Crear prototipos de alta fidelidad que incluyan interacciones
• Seguir los principios básicos de diseño visual

Investigación

• Planear y ejecutar testeos de usabilidad de prototipos en distintos niveles de fidelidad

Firebase

• Firebase Auth
• Firestore