NG.

// proyecto final de bootcamp

SafeMap

ReactNode.jsMongoDBExpressJWTLeaflet

Hoy en día viajar y conocer mundo es algo habitual. Las distancias se hacen cortas y el mundo interconectado en el que vivimos nos permite conocer lugares con los que, hasta hace no mucho, solo se podía soñar.

¿Pero sabemos cómo llegar? ¿Y cómo volver a nuestro alojamiento sin encontrarnos con impedimentos de accesibilidad o zonas peligrosas?

De esa idea surge SafeMap: un mapa donde poder colocar "banderas rojas" en espacios o calles públicos y advertir a otros usuarios de la aplicación.

Problema

Viajar a lugares desconocidos es cada vez más habitual, pero no siempre es fácil saber qué calles o zonas presentan riesgos de seguridad o problemas de accesibilidad antes de llegar.

Objetivos

Construir una aplicación colaborativa donde cualquier usuario pueda señalar zonas de riesgo o baja accesibilidad en un mapa, para ayudar a otros viajeros a moverse con más información.

Arquitectura

Aplicación Full-Stack: frontend en React con Chakra UI y animaciones con Framer Motion, backend en Node.js con Express siguiendo una arquitectura REST, base de datos MongoDB y autenticación mediante JWT.

Tecnologías

React, Node.js, MongoDB, Express, JWT, Chakra UI, Framer Motion.

Retos

Diseñar un modelo de datos geográfico colaborativo y una autenticación segura con JWT dentro del tiempo acotado de un proyecto final de bootcamp.

Solución

Desarrollo completo de la aplicación en equipo del bootcamp de IMMUNE Technology Institute, cubriendo frontend, backend, base de datos y autenticación de principio a fin.

Resultado

Proyecto final del bootcamp Full-Stack de IMMUNE Technology Institute (2023-2024), desplegado y funcional.

finalproject-front-seven.vercel.app
Captura de pantalla de la aplicación SafeMap, proyecto de Nuria Guevara