This is a Next.js project bootstrapped with create-next-app.
First- install the dependency node modules:
and then
then, run the development server:
npm install
# and
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
*Multi-select functionality to choose and draw hexes of varying sizes on the map.
*Toggle between satellite view and basic view of the MapBox map.
*Click functionality to select any part of the map, highlighting the hex and displaying its details.
*User can search the hex details by using the hex index also.
*Display of the selected hex's scale in Km, providing an idea of its size.
*User can access their current location by using a button (locate me).