Aplicación web para encontrar las gasolineras más baratas cerca de ti en España. Compara precios de combustible en tiempo real utilizando datos oficiales del Ministerio de Industria y Turismo.
Visita la aplicación en vivo: https://gasolinasmart-production.up.railway.app/
GasolinaSmart es una herramienta que permite a los usuarios localizar las estaciones de servicio más económicas en su área, ayudándoles a ahorrar dinero en cada repostaje. La aplicación ofrece:
- Búsqueda por ubicación: Usa tu geolocalización o busca por dirección
- Comparación de precios en tiempo real: Datos actualizados del gobierno español
- Múltiples tipos de combustible: Gasolina 95, 98, Gasóleo A, B y Premium
- Filtros avanzados: Por marca, horario, radio de búsqueda y más
- Visualización en mapa: Mapa interactivo con todas las estaciones cercanas
- Navegación integrada: Abre la ruta directamente en Google Maps
- Gráfico histórico de precios: Visualiza la evolución de precios desde 2023 hasta la actualidad
- Sección de promociones: Encuentra ofertas y descuentos en gasolineras
El objetivo de GasolinaSmart es democratizar el acceso a información de precios de combustible, permitiendo a cualquier persona en España encontrar fácilmente las opciones más económicas cerca de su ubicación. En un contexto donde el precio del combustible puede variar significativamente entre estaciones, esta herramienta ayuda a los usuarios a tomar decisiones informadas y ahorrar en sus gastos de transporte.
- Interfaz moderna y responsive
- Búsqueda por geolocalización automática
- Búsqueda manual por dirección o ciudad
- Filtrado por tipo de combustible
- Radio de búsqueda personalizable (2.5-30 km)
- Calculadora de ahorro inteligente: Calcula si vale la pena ir a una gasolinera más lejana considerando el coste del desplazamiento
- Análisis histórico de precios: Gráficos interactivos con evolución de precios desde 2023 hasta diciembre 2025
- Sistema de promociones: Visualización de ofertas especiales y descuentos
- Filtrado automático de estaciones de autobuses
- Filtros por marca de estación
- Filtro para gasolineras 24 horas
- Ordenación por precio, distancia o nombre
- Mapa interactivo con marcadores
- Lista detallada con información de cada estación
- Navegación directa a Google Maps
- Datos oficiales del Ministerio
- Framework: React 18 + TypeScript
- Build Tool: Vite
- Estilos: Tailwind CSS
- Componentes UI: shadcn/ui + Radix UI
- Mapas: Leaflet 1.9.4 + React-Leaflet
- Routing: React Router DOM 6.30.1
- Gestión de Estado: TanStack Query 5.83.0
- Formularios: React Hook Form 7.61.1 + Zod 3.25.76
- Gráficos: Recharts 2.15.4
- Notificaciones: Sonner 1.7.4
- Animaciones: Framer Motion 11.18.2
- Iconos: Lucide React 0.462.0
- Runtime: Node.js
- Framework: Express.js
- Base de Datos: PostgreSQL (Railway)
- Tareas Programadas: node-cron
- API Cliente: Fetch API
- CORS: cors middleware
Los datos de precios de combustible se obtienen en tiempo real de la API oficial del Ministerio de Industria y Turismo de España:
- API:
https://sedeaplicaciones.minetur.gob.es/ServiciosRESTCarburantes/
src/
├── components/ # Componentes React
│ ├── ui/ # Componentes de interfaz reutilizables (shadcn/ui)
│ ├── HeroSection.tsx
│ ├── FeaturesSection.tsx
│ ├── SearchSection.tsx
│ ├── FilterControls.tsx
│ ├── MapComponent.tsx
│ ├── StationsList.tsx
│ ├── StationCard.tsx
│ ├── FuelPriceHistoryChart.tsx # Gráfico histórico de precios
│ ├── PromotionsSection.tsx # Sección de promociones
│ ├── SavingsCalculator.tsx # Calculadora de ahorro
│ └── ErrorBoundary.tsx # Manejo de errores
├── pages/ # Páginas de la aplicación
│ ├── App.tsx # Página principal
│ ├── Landing.tsx # Página de inicio
│ ├── Promotions.tsx # Página de promociones
│ └── NotFound.tsx # Página 404
├── hooks/ # Custom React hooks
│ ├── use-debounce.ts
│ ├── use-mobile.tsx
│ └── use-toast.ts
├── lib/ # Utilidades y configuración
│ ├── utils.ts
│ ├── brandLogos.ts
│ └── fetch-with-retry.ts
└── main.tsx # Punto de entrada
Las contribuciones son bienvenidas. Si encuentras un bug o tienes una sugerencia:
- Abre un issue describiendo el problema o mejora
- Haz fork del repositorio
- Crea una rama para tu feature (
git checkout -b feature/nueva-funcionalidad) - Commit tus cambios (
git commit -m 'Añade nueva funcionalidad') - Push a la rama (
git push origin feature/nueva-funcionalidad) - Abre un Pull Request
Este proyecto es de código abierto y está disponible bajo la licencia MIT.
Desarrollado por ComputingVictor
- Ministerio de Industria y Turismo de España por proporcionar los datos públicos
- OpenStreetMap por el servicio de geocodificación