{"id":28489917,"url":"https://github.com/maitepv87/map-explorer","last_synced_at":"2026-04-24T12:32:53.035Z","repository":{"id":296213426,"uuid":"992559677","full_name":"maitepv87/map-explorer","owner":"maitepv87","description":"Map Explorer is a React and TypeScript-based mapping application integrating OpenStreetMap API. It features Context API for state management, responsive UI improvements, and accessibility enhancements. Users can search locations, view details, and interact with dynamic maps using Leaflet.","archived":false,"fork":false,"pushed_at":"2025-10-23T21:03:23.000Z","size":54,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-23T23:17:15.716Z","etag":null,"topics":["context-api","fecth-api","leaflet-map","react-leaflet","tailwind-css"],"latest_commit_sha":null,"homepage":"https://map-explorer-seven.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/maitepv87.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-05-29T10:56:38.000Z","updated_at":"2025-10-10T14:04:27.000Z","dependencies_parsed_at":"2025-06-07T04:19:58.610Z","dependency_job_id":"e2fdbfd8-f6fb-41b1-828b-f4b31f2955d3","html_url":"https://github.com/maitepv87/map-explorer","commit_stats":null,"previous_names":["maitepv87/react-ts-osmapi","maitepv87/map-explorer"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/maitepv87/map-explorer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maitepv87%2Fmap-explorer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maitepv87%2Fmap-explorer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maitepv87%2Fmap-explorer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maitepv87%2Fmap-explorer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/maitepv87","download_url":"https://codeload.github.com/maitepv87/map-explorer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maitepv87%2Fmap-explorer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32223983,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-24T10:26:35.452Z","status":"ssl_error","status_checked_at":"2026-04-24T10:25:27.643Z","response_time":64,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["context-api","fecth-api","leaflet-map","react-leaflet","tailwind-css"],"created_at":"2025-06-08T07:06:51.907Z","updated_at":"2026-04-24T12:32:53.031Z","avatar_url":"https://github.com/maitepv87.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# **Map Explorer**\n\nA mapping application integrating **OpenStreetMap API, React, TypeScript, and Context API** for modular state management.\n\n![App Screenshot](./src/assets/Screenshot_Map.png)\n\n---\n\n## Live Demo\n\nExplore the app live on Vercel:  \n🔗 [map-explorer-seven.vercel.app](https://map-explorer-seven.vercel.app)\n\n---\n\n## **Description**\n\nMap Explorer is a technical demo showcasing how to interact with OpenStreetMap API using React, TypeScript, and Leaflet. It features **Context API for centralized state management**, enabling seamless data handling and improved scalability. The project allows users to search for locations and visualize them on an interactive map, making it an excellent portfolio piece for working with geospatial data.\n\nThis project is part of my portfolio to showcase **editorial clarity**, **emotionally aware UI feedback**, and **scalable architecture** using modern React tools.\n\n---\n\n### **Key Features**\n\n- Search for places using OpenStreetMap’s Nominatim API\n- Display a dynamic marker for selected locations\n- Smooth map navigation (flyTo) upon selecting a place\n- Responsive UI for better user experience\n\n---\n\n## Technologies Used\n\n- **React** – Frontend library for building modular UI components\n- **Context API \u0026 useReducer** – Centralized state management for scalability\n- **TypeScript** – Static typing for better reliability and maintainability\n- **Leaflet \u0026 react-leaflet** – Interactive mapping with OpenStreetMap integration\n- **OpenStreetMap API (Nominatim)** – Location search and geocoding\n- **Vite** – Fast development and optimized build process\n- **TailwindCSS** – Utility-based styling for responsive and modern UI\n- **ARIA Labels \u0026 Accessibility Best Practices** – Improved usability for all users\n\n---\n\n## **Getting Started**\n\n### **Installation \u0026 Setup**\n\nFollow these steps to run the project locally:\n\n1. Clone the repository:\n\n```bash\ngit clone https://github.com/maitepv87/map-explorer.git\ncd map-explorer\n```\n\n2. Install dependencie:\n\n```bash\nnpm install\n```\n\n3. Set up environment variables in a .env file:\n\n```ini\nVITE_API_URL=https://nominatim.openstreetmap.org\n```\n\n4. Start the development server:\n\n```bash\nnpm run dev\n```\n\nThen open http://localhost:3000 in your browser.\n\n---\n\n## Future Enhancements\n\n- Save favorite locations for quick access\n- Enhance map styles and UI interactions\n- Integrate OpenRouteService API for route navigation\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaitepv87%2Fmap-explorer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmaitepv87%2Fmap-explorer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaitepv87%2Fmap-explorer/lists"}