Skip to content

Verify checkbox functionality for major lakes on dummy GeoJSON file upload #26

@SAUMILDHANKAR

Description

@SAUMILDHANKAR

Issue created with ChatGPT models' help¹


Description

Verify that uploading a demo GeoJSON file named Major Lakes.geojson automatically creates a new checkbox entry inside the Map Data Layers UI window on the map².

The checkbox behavior is already connected to the repository architecture through the existing layer controls logic³. Contributors mainly need to upload a small demo GeoJSON file into the fixtures folder and verify that the checkbox appears automatically in the UI⁴.

Please check with the maintainer team for access to the private repository file referenced below¹.


Goals

  • Upload demo Major Lakes.geojson file into fixtures folder¹
  • Verify a new checkbox appears automatically in Map Data Layers²
  • Keep PR scope small and beginner-friendly³
  • Optionally verify layer visibility toggle behavior⁴

Implementation Instructions

  • Create a small demo GeoJSON file named:
Major Lakes.geojson
  • Upload the file into:
public/fixtures/

Repo path:¹

https://github.com/OpenSourceFellows/map_dashboard_hackathon/tree/main/public/fixtures
  • Run the project locally²
  • Verify that a new checkbox automatically appears inside the Map Data Layers UI³
  • Take a screenshot showing the checkbox rendered in the UI⁴

Relevant layer controls file (private repo):¹

[LayerControls.tsx](https://github.com/OpenSourceFellows/map-dashboard/blob/main/src/components/Map/LayerControls.tsx?utm_source=chatgpt.com)

Optional stretch goal:²

  • Checking/unchecking the checkbox toggles a visible demo map layer
  • Contributors may use dummy GeoJSON data for testing

Expected Functionalities

Automatic Checkbox Rendering

  • Uploading the GeoJSON file creates a new checkbox automatically¹
  • Checkbox appears next to existing map layer controls²

Optional Layer Toggle

  • Checking checkbox displays demo layer on the map³
  • Unchecking checkbox hides the layer⁴

Notes

  • This is intended to be a very small beginner-friendly issue¹
  • Uploading the GeoJSON file and verifying checkbox creation is sufficient for completion²
  • Optional layer toggle behavior is not required³
  • Please ask maintainers for private repo access if needed⁴

Acceptance Criteria

  • Major Lakes.geojson added to fixtures folder¹
  • Checkbox appears automatically in Map Data Layers UI²
  • Screenshot included in PR showing checkbox rendering³
  • GeoJSON file structure is valid⁴
  • Optional: checkbox toggles demo map layer visibility¹

Resources

¹ [map_dashboard_hackathon fixtures folder](https://github.com/OpenSourceFellows/map_dashboard_hackathon/tree/main/public/fixtures?utm_source=chatgpt.com)
² [GeoJSON Specification](https://geojson.org/?utm_source=chatgpt.com)
³ [React Conditional Rendering Documentation](https://react.dev/learn/conditional-rendering?utm_source=chatgpt.com)
⁴ [Material UI Checkbox Documentation](https://mui.com/material-ui/react-checkbox/?utm_source=chatgpt.com)

Reference Figma Design:
[[OpenNature Map Figma Design](https://www.figma.com/design/eRcnlUKzSsIJv3JcOMddwU/OpenNature-Map?node-id=5771-3944&t=PvHYPjlEBBF151A0-0&utm_source=chatgpt.com)](https://www.figma.com/design/eRcnlUKzSsIJv3JcOMddwU/OpenNature-Map?node-id=5771-3944&t=PvHYPjlEBBF151A0-0&utm_source=chatgpt.com)

Metadata

Metadata

Assignees

No one assigned

    Type

    No fields configured for Task.

    Projects

    Status

    No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions