Markers React

Aplicación de mapas con marcadores personalizados y geocoding

ReactReduxGoogle Maps APIGeocodingJest
Main Project Image

Diseño flexible

Diseño flexbox

El layout usa flexbox para una interfaz adaptable y organizada.

Estado global

Se guardan los marcadores en una store de redux

Todos los marcadores creados se gestionan con Redux para sincronización y persistencia.

Geocoding

Geocoding para transformar el lugar seleccionado en coordenadas

Convierte direcciones en coordenadas lat/lng mediante una API externa para ubicaciones exactas.

Testing automatizado

Testing de la petición axios para el geocode

Pruebas unitarias para asegurar que la llamada axios a la API de geocoding funciona correctamente.

Diseño adaptable

Diseño responsive

bash — 80x24
root@portfolio:~$git clone repo-url.git
# 1. Descargar y descomprimir el proyecto
root@portfolio:~$cd project-folder && npm install
# 2. Instalar dependencias
root@portfolio:~$npm start
# 3. Correr en localhost:3000
root@portfolio:~$✔ App started successfully on port 3000