Skip to content

Shero es la primera red social feminista en México, donde podras expresarte sin miedo a agresiones. Solo registrate y, ¡empieza a conectar!

Notifications You must be signed in to change notification settings

anndygrs/cdmx-social-network-frameworks

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Rehaciendo Shero

Introducción

En este proyecto, he decidido rehacer Shero usando el framework Angular, ya que para mí aprender un framework tan completo y complejo significa un reto que quiero superar, para así poder aprender a usar muchas más nuevas tecnologías relacionadas o basadas en el mismo.

Para mí, rehacer Shero usando Angular ha sido una experiencia única, ya que aprender a usarlo siguiendo todas las convenciones ha sido un reto: tener que aprender a hacer (y usar correctamente) los componentes, definir las rutas de redirección, crear aplicaciones web de una sola página (evitando el DRY), ver lo tan conectado que está con NodeJS y npm, etc. Sin embargo, pienso que, a pesar de todos los retos y dificultades, he tenido un gran aprendizaje, y definitivamente Angular me está gustando bastante.

Lineamientos de Diseño

Shero está pensado como una plataforma web, intuitiva y de diseño sencillo para que el usuario pueda usarla sin complicaciones.

Los primeros sketches de Shero fueron los siguientes:

Diseño Web

inicio-registro

acerca-nosotras

registro-adicional

muro

sidebar

Mobile

inicio inicio-sesion inicio-registro

registro-adicional muro sidebar

El diseño final de Shero fue el siguiente:

inicio

registro

inicio-sesion

muro

perfil

Instalación

Despliegue de la aplicación

Checklist

General

  • Producto final sigue los lineamientos del diseño.

README.md

  • Información sobre instalación y despliegue de tu aplicación.

Pruebas / tests

  • Tests unitarios cubren un mínimo del 70% de statements, functions, lines, y branches.
  • Pasa tests (y linters) (npm test).

Creación de cuenta (sign up)

  • Permite crear cuenta.
  • Valida email.
  • Valida password.
  • Muestra mensajes de error.

Inicio de sesión (sign in)

  • Permite iniciar sesión.
  • Valida email.
  • Valida password.
  • Muestra mensajes de error.

Muro (wall/feed)

  • Muestra muro.
  • Permite publicar nuevos posts.
  • Permite eliminar posts.
  • Pide confirmación antes de borrar posts.
  • Permite editar posts (in place).
  • Permite filtrar posts por público/amigos.
  • Permite marcar posts como gustados (like).

About

Shero es la primera red social feminista en México, donde podras expresarte sin miedo a agresiones. Solo registrate y, ¡empieza a conectar!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 60.4%
  • HTML 27.3%
  • CSS 8.0%
  • JavaScript 4.3%