ignacioveiga / situ-webapp

Angular 18 Frontend

Welcome

Currently working on some personal projects :)

🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦
🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦
⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜
⬜⬜⬜⬜⬜⬜⬜🟡⬜⬜⬜⬜⬜⬜⬜
⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜⬜
🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦
🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦🟦

situ-webapp's Issues

Pantalla Login

-Logo (Cualquiera pero de 16:9)
-Fondo (Puede ser un color en degradé en los lados)

Los siguiente campos son todos obligatorios:
-DNI
-Password
-"Captcha" trucho
-Botón de login, registrarse u omitir (este ultimo limita el uso de la app en ciertas cosas)

Mi perfil (Todos)

-Foto de perfil
-Nombres
-Apellidos
-Email
-DNI

Botones de cancelar y guardar cambios

Generar alertas (Admin)

Usar las mismas cosas que el reportar incidencia (chófer) pero con los siguiente cambios:
-Define a quienes van la alerta (Chóferes, pasajeros o ambos).
-No se pueden mandar audios pero si imágenes, por ejemplo de un mapa.
-Permitir dejar programadas las alertas a una hora y fecha en especifico.

Ver incidencias (Admin - Web)

-Mostrar una lista con todas las incidencias reportadas separadas en 3 pestañas, reportadas por los chóferes, los pasajeros y vista en mapa.
-En las incidencias de los chóferes se debe poder ordenar y/o filtrar por su nivel de importancia.
-En ambas pestañas debe existir un buscador y poder filtrar por la linea y/o interno.
-El mapa debe tener marcadores colocados con las ubicaciones de las incidencias.
-Las incidencias tienen un código único y las primeras 5 palabras de la descripción como titulo y debajo el nivel de importancia y número de interno si fuese necesario.

Información (Acerca de nosotros/Lineas) (Pasajero)

Dos item:
-Lineas
-Acerca de nosotros

Ambos items debo poder hacer clic y mostrar en un modal la informacion necesaria. Para "Lineas" pueden ser números al azar y para el "Acerca de nosotros" podemos usar un Iorem ipsum...

Pantalla de Denuncia (Pasajero)

-Lugar del incidente (Obigatorio): Usar ubicación actual u otra en especifico (en caso de elegir "otra" permitir hay que escribir manualmente la calle y altura).
-Fecha y hora del incidente (Obigatorio): Usar actual u otra en especifico (en caso de elegir "otra" hay que establecer manualmente).
-Linea (Obigatorio): Se debe denunciar a una linea si o si.
-Motivos (Obigatorio): Descripción clara y detallada del motivo de la denuncia.

-Es un colectivo en especifico?: En caso de "Si" aparecen estos campos obligatorios:
-Interno y/o patente

-Fotos: el máximo es de 5mb en total y hasta 3 fotos.
-Botón de cancelar y denunciar.

Ayuda (Pasajero)

Debe se una guía de la funcionalidad de la aplicación.
Mostrar los siguientes items (los cuales al hacer clic abre un modal con la información):
-Denunciar incidente
-Ver horarios y recorridos
-¿Qué son las alertas y noticias?

Noticias o alertas (Pasajero)

Abajo debe tener unas pestañas para mostrar lo siguiente por separado:
-Tarjetas con las noticias (estas son de fuentes externas como clarín o la nación).
-Tarjetas con las alertas (estas son las alertas del sistema).

Ambas pantallas deben tener su buscador/filtro arriba para agilizar alguna búsqueda.

Las tarjetas se generan automáticamente mediante algún ciclo "for", acá vamos a tener que usar objetos DTO para mayor facilidad.

Pantalla de registro

-Logo (Cualquiera pero de 16:9)
-Fondo (Puede ser un color en degradé en los lados)

Los siguiente campos son todos obligatorios:
-DNI
-Email
-Repetir Email
-Password
-Repetir password
-"Captcha" trucho
-Botón de registrar, volver y omitir (este ultimo limita el uso de la app en ciertas cosas)

Pantalla de inicio

Algunos elementos van a aparecer según el tipo de usuario conectado
-Horarios y recorridos (Pasajero)
-Denunciar/Generar incidencia (Pasajero)
-Noticias o alertas (Pasajero)
-Información (Acerca de nosotros/Lineas) (Pasajero)
-Ayuda (Pasajero)

-Reportar incidencia (Chofer)

-Ver incidencias (Admin)
-Generar alertas (Admin)

-Mi perfil (Todos)

Horarios y recorridos (Pasajero)

Ni bien entro debe aparecer las siguientes opciones:
-Elegir linea especifica (Permite ver varias paradas según una linea).
-Elegir parada especifica (Permite ver varias lineas según una parada).
-Paradas favoritas (Similar al anterior pero más acotado).

Después cada uno de estos tendrá su propia pantalla para diseñar.

Reportar problema (Chofer)

Esto no hace falta agregarlo en la web, ya que es solo para el chófer y es requisito tener la aplicación móvil instalada para ellos.

La pantalla debe ser simple y rápida, los datos del chófer se envía en segundo plano ya que debe aparecer en el sistema su datos de usuario y el colectivo.

Los formularios a usar son:
-Campo de texto para describir la incidencia.
-Tipo de importancia del incidente (Por niveles del 1 al 3, como verde-amarillo-rojo).
-Posibilidad de adjuntar fotografías y audios.
-Botón de cancelar y reportar

Bootstrap radio buttons

No quedan marcados los botones a los que hago clic y no se porqué. Hay que tomarse el tiempo de revisar bien el problema y aplicarlo en toda la app web