Repositorio

Página desplegada

En la estructura del proyecto tengo 4 carpetas principales

css: adentro se encuentra la hoja de estilos maestra para el diseño del sitio web
scripts: adentro se encuentran todos los archivos JS del proyecto, haciendo sus respectivas separaciones de roles y funciones
scss: Adentro se encuentran todos los archivos scss donde separe la lógica de cada uno en un archivo diferente y se importan todos en el archivo main.scss que es que le pasa toda la información al archivo css -sources: adentro d esta carpeta se encuentran todos los assets necesarios para el proyecto , imágenes , y fuentes
Funciones y métodos implementados
A explicación general se utilizó en lo posible la modularización del código , en donde en el archivo services.js está la lógica para conectarse con railway para consultar toda la información que solicite el usuario
Funciones que llevan al local store y verifican esta sesión iniciada para que el usuario siempre al ingresar si aun no cierra sesión se pueda dirigir directamente a la sección principal de mensajes
Funciones que me permiten controlar todas las animaciones de entrada y de salida , toda esta lógica se encuentra en el archivo animtaions.js (para estas animaciones se usó la librería animate.css y js para manipular la interactividad)
las funciones de pintado que permiten renderizar toda la información que viene desde la api para que se pueda visualizar correctamente
Diseño UI

Imágenes de las diferentes pantallas