Earn 9,450 ($94.50)
Implement Block-Level Maps for NYC Neighborhoods on Blocks
Bounty Description
Project: Blocks — A real estate search platform that lets users find NYC apartments block by block.
The Problem:
We’ve built a prototype that allows users to select specific city blocks within a neighborhood using an interactive Leaflet map. This functionality is complete for Carnegie Hill and serves as the working model.
However, most other neighborhoods — such as Murray Hill (see example) — currently lack the selectable block overlays that define the core interaction of our product.
What You’ll Do:
You’ll implement interactive, neighborhood-specific block-level overlays using Leaflet or an equivalent map library. These overlays should mimic the functionality already built for Carnegie Hill. Start with Murray Hill then check in before moving onto other neighborhoods.
Display only the relevant neighborhood bounds.
Enable users to click-to-select or deselect blocks.
Ensure overlays visually match our existing design system.
Maintain clean integration with existing frontend logic.
Deliverables:
Fully implemented selectable block overlays for each Manhattan neighborhood (listed on project).
Accurate block boundaries mapped and aligned with OpenStreetMap baselayer.
Reuse or adapt current Carnegie Hill implementation as a model.
All code properly integrated and version-controlled via GitHub.
Working block selection
Requirements:
Experience with Leaflet.js or similar geospatial libraries.
Familiarity with GeoJSON, shapefiles, or custom polygon drawing.
Basic frontend integration with React/Next.js or vanilla JS.
Bonus: Familiarity with NYC neighborhood and block-level geography.
Reference Assets:
Carnegie Hill (Complete): Example of working implementation
Murray Hill (Incomplete): Needs block overlays added
Screenshots and working demo will be provided
GeoJSON source file or method for generating one available if needed