RUTA VIVA

• 

  PANTALLA REPORTAR

• 

  PANTALLA MAPA

• 

  PANTALLA COMUNIDAD

Inspiration

--RutaViva nace de la necesidad de mostrar las condiciones que hay en las calles y que nos afectan tanto a personas discapacitadas como no.

What it does

--RutaViva funciona mediante el Usuario, con un mapa el cual marca puntos donde hay puntos inaccesibles o con algún obstáculo. El Usuario puede navegar sobre las tres opciones ( Mapa, Reportar y Comunidad ).

--Mapa: muestra un mapa negro/blanco cargado desde Leaflet donde se muestran nuestro puntos de interes y puntea la mejor ruta hacia tu dirección. --Reportar: en esta sección tenemos dos botones ---Cargar Archivo Local: sirve para añadir la foto desde nuestro dispositivo ---Simular Escaneo Digital (DEMO): demostración del como funciona la Carga de Archivos --Comunidad: en esta seccion podemos observar los distintos puntos que los usuarios han agregado y poder visualizar donde ocurrio.

How we built it

--Para RutaViva se usó lo siguiente ---FrontEnd: JavaScript moderno + React ---Estilos/UI: se utilizo HTML5 y CSS3 puro para personalización. ---Mapas: React-Leaflet conectado con la API de mapas oscuros de CartoDB. ---Inteligencia Artificial: API de Google Gemini (modelo 1.5 Flash) Backend y Base de Datos: Supabase como nuestra base de datos relacional (PostgreSQL) con sincronización en tiempo real.

Challenges we ran into

--Aprendimos a trabajar con la marcha y con cierto tiempo limite

Accomplishments that we're proud of

--De poder trabajar en equipo

What we learned

--Trabajar en VS Code --Multiples lenguajes --Trabajar independientemente

What's next for RUTA VIVA

--Mejorar funcionalidades

Built With

• api
• css3
• html5
• javascript
• leaflet.js
• react-native
• supabase