DANIEL K...

0%
Sierra Nevada Insiders
En desarrollo

Sierra Nevada Insiders

Plataforma web completa para la comunidad de esquí de Sierra Nevada

Rol

Full Stack Developer

Duración

6+ meses

Tech Stack

10 tecnologías

Funcionalidades

12 características

Sobre el Proyecto

Sierra Nevada Insiders es una plataforma web integral diseñada para ofrecer a los visitantes de Sierra Nevada toda la información que necesitan para disfrutar de la estación de esquí más al sur de Europa.

El proyecto funciona como una Progressive Web App (PWA) que permite a los usuarios instalarla en su móvil y acceder al instante al estado de pistas, webcams y meteorología como si fuera una aplicación nativa, sin necesidad de descargas pesadas.

La plataforma incluye un innovador mapa 3D interactivo que permite explorar la estación de forma inmersiva, planificar rutas y localizar puntos de interés antes de ponerte los esquís. Además, ofrece guías completas sobre forfaits, alquiler de material, escuelas de esquí, restaurantes, alojamiento y actividades tanto para esquiadores como para quienes no esquían.

El objetivo es ser la guía definitiva para cualquier persona que quiera visitar Sierra Nevada, centralizando toda la información útil en un solo lugar con una experiencia de usuario moderna y accesible.

Tecnologías

Next.jsReactTypeScriptTailwind CSSPythonDjangoPostgreSQLREST APIPWAMapbox

Funcionalidades

Mapa 3D interactivo e inmersivo de la estación
Progressive Web App (PWA) instalable en móvil
Estado de pistas y webcams en tiempo real
Información meteorológica actualizada
Guía completa de forfaits con precios y tipos de pases
Directorio de escuelas de esquí y alquiler de material
Sección de restaurantes, après-ski y ocio nocturno
Guía de alojamiento y parking
Actividades para esquiadores y no esquiadores
Sección de familia y niños
Blog y noticias de la estación
Diseño responsive optimizado para móviles

Desafíos

  • Integración del mapa 3D de Mapbox con navegación fluida
  • Desarrollo de la PWA con funcionalidad offline
  • Integración de datos en tiempo real (pistas, meteo, webcams)
  • Optimización del rendimiento para carga rápida en móvil
  • Arquitectura escalable para manejar múltiples secciones de contenido
  • SEO optimizado para posicionamiento en buscadores

Aprendizajes

  • Desarrollo avanzado de PWAs con Next.js
  • Integración de mapas 3D con Mapbox
  • Optimización de rendimiento y Core Web Vitals
  • Arquitectura de aplicaciones con múltiples fuentes de datos
  • Diseño UX centrado en el usuario móvil
  • Gestión de proyectos en producción real

Enlaces del Proyecto