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: 8 days 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 (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-30T08:57:10.000Z (9 days ago)
• Last Synced: 2024-10-30T09:25:15.662Z (9 days ago)
• Topics: data, hacktoberfest, idn-area, indonesia, island, map, nextjs, tailwindcss, wilayah
• Language: TypeScript
• Homepage: https://idn-area-map.vercel.app
• Size: 895 KB
• Stars: 74
• 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.

[![screenshot](app/opengraph-image.png)](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://shadcn-ui.vercel.app)

- [Leaflet](https://leafletjs.com) + [React Leaflet](https://react-leaflet.js.org)

## Installation

1. Clone this repository

1. Install dependencies: `npm install`

1. Run the app: `npm 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**. Your donation will help us maintain and develop this project and provide you with better support.