Proyecto desarrollado para la empresa String-Projects.
El proyecto se basa en el desarrollo de una aplicación de mensajería para la comunicación entre los integrantes de canales o grupos privados. Esta aplicación nos permitirá logearnos como usuarios, acceder a un grupo privado en el que poder mandar mensajes en general o como respuesta a otro mensaje, generando hilos.
- Aroa Tato => aroatdlt
- Laura Arranz => arranzizquierdo
- Laura Santiago => laurasanra
- Raquel Dacosta => rdfornieles
El proyecta ha sido desarrollado con las siguientes herramientas:
- JavaScript
- React
- HTML5
- SASS
- Consumo de datos a través de una API REST
La estrucutura del proyecto se basa en componentes englobados en dos grandes bloques:
Página inicial en la que el usuario debe meter sus credenciales (nombre y contraseña) para poder acceder a su zona privada. Tiene la opción de recordar sus credenciales (serán almacenadas en el local storage de su dispositivo) para que en sus siguientes visitas no sea necesario introducirlas de nuevo.
Una vez el usuario ha metido sus credenciales y han sido autenticadas accede a su zona privada. En ella dispondrá de un listado de grupos a los que pertenece, a los cuales puede acceder clickando en ellos para visualizar todos los mensajes que se han enviado a dicho grupo.
Existe una segunda página a la que el usuario accede cuando clicka en un mensaja para contestar sobre ese mismo; se abre la página del hilo de ese mensaje.
El usuario puede cerrar su sesión en cualquiera de las páginas a través de un menu en la esquina superior derecha.
Componentes:
Para poder trabajar en el proyecto deberás:
- Clonar el repositorio en tu local
- Instalar los paquetes necesarios: ejecutar npm install
- Arrancar el proyecto para visualizarlo: ejecutar npm start
- Subir proyecto a producción: ejecutar npm run deploy
Puedes consultar la documentación completa en página principal de React.
Cualquier mejora o modificación que se te ocurra no dudes en abrirnos una pull requests a cualquiera de las autoras, estaremos encantadas!