https://github.com/fityannugroho/idn-area-map
The map of Indonesia's administrative areas 🇮🇩🌏
https://github.com/fityannugroho/idn-area-map
data hacktoberfest idn-area indonesia island map nextjs tailwindcss wilayah
Last synced: about 1 year ago
JSON representation
The map of Indonesia's administrative areas 🇮🇩🌏
- Host: GitHub
- URL: https://github.com/fityannugroho/idn-area-map
- Owner: fityannugroho
- License: mit
- Created: 2023-06-15T23:49:18.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-03-23T04:42:48.000Z (over 1 year ago)
- Last Synced: 2025-03-31T15:19:13.438Z (about 1 year ago)
- Topics: data, hacktoberfest, idn-area, indonesia, island, map, nextjs, tailwindcss, wilayah
- Language: TypeScript
- Homepage: https://idnarea.fityan.tech
- Size: 1.69 MB
- Stars: 84
- Watchers: 0
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# idn-area Map
The map of Indonesia's administrative areas.
[](https://idn-area-map.vercel.app)
## Data Source
- Main data: [idn-area API](https://github.com/fityannugroho/idn-area)
- Boundary data: [idn-area-boundary](https://github.com/fityannugroho/idn-area-boundary)
## Features
- [x] Search provinces, regencies, districts, and villages by name
- [x] Get regencies by province, districts by regency, and villages by district
- [x] Get the islands by regency and show its coordinates on the map
- [x] Show the area boundaries on the map
- [x] Toggle the visibility of the boundaries
- [x] Button to see the area on Google Maps by coordinates
- [x] Dark mode
- [x] Responsive design (works on mobile)
> Suggestions and contributions are welcome!
## Built With
- [Next.js](https://nextjs.org) + [TypeScript](https://www.typescriptlang.org)
- [Tailwind CSS](https://tailwindcss.com) + [shadcn-ui](https://ui.shadcn.com)
- [React Leaflet](https://react-leaflet.js.org) + [MapLibre GL](https://github.com/maplibre/maplibre-gl-js) (powered by [Datawan](https://datawan.id))
## Installation
1. Clone this repository
1. Install dependencies: `pnpm install`
1. Run the app: `pnpm run dev`
1. Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## License
This project is licensed under the [MIT License](LICENSE).
## Support This Project
**Give a ⭐️** if this project helped you!
Also please consider supporting this project by [**becoming a sponsor**](https://github.com/sponsors/fityannugroho). Your donation will help us maintain and develop this project and provide you with better support.