Create Interactive Land Map Component

[mftee]

Description:
Implement an interactive map component that displays land parcels, boundaries, and highlights potential overlapping claims.

Requirements:

• Integration with mapping library (Mapbox or Leaflet)
• Draw and edit land boundaries
• Display multiple parcels with color coding
• Highlight overlapping regions
• Zoom and pan controls
• Layer toggles (satellite, street, terrain)
• Info popups on parcel click
• Export map as image
• Geolocation search

Acceptance Criteria:

• Map renders correctly with proper coordinates
• Drawing tools work smoothly
• Overlaps are visually distinct
• Performance optimized for multiple parcels
• Mobile touch controls work
• Accessible controls
• Works offline with cached tiles (progressive enhancement)

Tech Stack: Next.js, TypeScript, Tailwind CSS, Mapbox GL or Leaflet

[big14way]

@big14way has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hi guys, lovely day! I'm Gwill. I'd like to take this one.

I'm a fullstack dev with 5 years of experience. Backend with Node and Rust —
REST APIs, PostgreSQL, Redis, auth flows, background jobs. Frontend with React
and TypeScript. Cloud infra with Docker, K8s, CI/CD. On Web3, I've been
building on Stellar/Soroban — smart contracts, Trustless Work integrations,
and wallet flows.

I've reviewed the codebase and understand the patterns. Happy to discuss
approach in a draft PR if needed. Can start right away

ℹ️ Repo Maintainers: To accept this application, review their application or assign @big14way to this issue.

[Macnelson9]

@Macnelson9 has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hi team, I’d like to work on this issue.

I’m a Frontend Developer who thrives at the intersection of UI polish + product usability, and I’ve shipped responsive components/pages using Next.js/React + Tailwind (including interactions, animations, and pixel-accurate Figma builds).

What I’ll deliver

Interactive Land Map Component implemented to match the design/spec

Responsive behavior (mobile + desktop), no layout breakage

Hover/focus states + accessible semantics

Clean, reusable components and consistent styling

Approach

Review the design/spec and existing code patterns

Build the UI + interactions

QA on multiple breakpoints + open a PR with screenshots/video

If assigned, I’ll start immediately and share progress updates in the PR.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Macnelson9 to this issue.

[EA10-lite]

@EA10-lite has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hi, I'd like to work on this issue, I’m a full-stack developer with 4 years of experience building Web and mobile applications.

This issue aligns closely with my experience, and I’m confident I can deliver a clean, efficient solution within a short timeframe. I invite you to review my portfolio to see my previous projects and hands-on experience across real-world applications.

Here is my portfolio and projects I have handled:

https://ecohotels.com
https://loveping.vercel.app
https://proposelyai.com
https://www.usememora.xyz
https://360comms.network
https://ea10.vercel.app
https://novacrust-exercise.vercel.app/

ℹ️ Repo Maintainers: To accept this application, review their application or assign @EA10-lite to this issue.

[Tybravo]

@Tybravo has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Doing extra tasks I love. Hello, I am a full-stack Software Engineer with 7+ years of experience and a Blockchain Developer. And I do like to work on the Issue #129 Create Interactive Land Map Component.

I have strong hands-on experience building advanced, user-friendly and visually engaging frontend interfaces using React, TypeScript, and Next.js, with a focus on reusable component architecture, modern UI patterns, responsive design, state management, and performance optimization. I work across both frontend and backend systems, including backend logic, API design, database architecture, and schema modeling.

I have experience building modern, scalable web applications using React, Typescript, Next.js, Node.js, Java, Rust, and related technologies. Some relevant projects (personal and OPEN SOURCE) I have worked on include:

--> https://www.verilens.xyz/
--> https://repeasy.wal.app/
--> https://docwalrus.vercel.app/
--> https://grainlify.0xo.in/

I am comfortable working within an existing codebase or independently , following project conventions, and delivering clean, maintainable, and well-structured solutions. My GitHub repositories can speak for themselves in demonstrating my experience and consistency across different types of projects.

I am confident I can contribute effectively and deliver high-quality results.

Thank you for your time and considering my application.

Regards,
Tybravo.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Tybravo to this issue.

[Properprogress1]

@Properprogress1 has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hi maintainer,

I’d like to take on Issue #129: Create Interactive Land Map Component for SMALDA. I can complete this task in 10 hours, delivering a fully interactive, performant, and user-friendly map component.

Planned Approach:

Use Mapbox GL or Leaflet for map rendering and interactions

Enable draw and edit tools for land boundaries

Display multiple parcels with color coding and visually highlight overlaps

Add zoom, pan, layer toggles (satellite, street, terrain), and info popups on parcel click

Support exporting the map as an image, geolocation search, and offline cached tiles

Ensure mobile touch controls, accessible UI, and smooth performance even with multiple parcels

This will provide users with a powerful, interactive visualization of land parcels, making it easier to manage, explore, and resolve overlapping claims efficiently.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Properprogress1 to this issue.

[Chucks1093]

@Chucks1093 has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hello mftee, I'm a full stack engineer and I want to work on this issue. I'll build a Map component in Next.js using Mapbox GL or Leaflet, display parcels as GeoJSON layers, and add simple draw and edit handlers so users can create and update boundaries without making the UI slow.

I'll also calculate overlaps on the client side from the parcel polygons and show overlap areas as a separate highlight layer, with popups and layer toggles, while making sure performance stays good even when many parcels are displayed on screen.

Here are some frontend projects I've built that show I can deliver this kind of UI and UX:
https://noratutor.xyz
https://articulate.ink

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Chucks1093 to this issue.