A simple, free tool for coloring in a map using your own legend. This can be used to do things like show places you've been, display data in a geographical way, or anything else you could do with a map that you color in yourself.

2 stars 2 forks 2 watchers TypeScript GNU General Public License v3.0
beginner-friendly foss javascript leaflet leaflet-map leafletjs map open-source open-street-maps opensource oss svelte sveltekit tailwind tailwind-css tailwindcss typescript
21 Open Issues Need Help Last updated: Aug 25, 2025

Open Issues Need Help

View All on GitHub
enhancement good first issue

A simple, free tool for coloring in a map using your own legend. This can be used to do things like show places you've been, display data in a geographical way, or anything else you could do with a map that you color in yourself.

TypeScript
#beginner-friendly#foss#javascript#leaflet#leaflet-map#leafletjs#map#open-source#open-street-maps#opensource#oss#svelte#sveltekit#tailwind#tailwind-css#tailwindcss#typescript

AI Summary: The control panel in the web application occasionally obstructs the map attribution, particularly on desktop devices. The bug causes the attribution text to be covered, and the expected behavior is for the control panel not to overlap it. The proposed fix is to slightly adjust the control panel's position to prevent this obstruction.

Complexity: 1/5
bug good first issue

A simple, free tool for coloring in a map using your own legend. This can be used to do things like show places you've been, display data in a geographical way, or anything else you could do with a map that you color in yourself.

TypeScript
#beginner-friendly#foss#javascript#leaflet#leaflet-map#leafletjs#map#open-source#open-street-maps#opensource#oss#svelte#sveltekit#tailwind#tailwind-css#tailwindcss#typescript

AI Summary: A recent change in the GitHub PR workflow moved the 'Run Unit Tests' step to occur before the 'Build Project' step. This now causes a warning about a missing `tsconfig.json` file, which is generated during the build process. The proposed solution is to revert the order, ensuring the project is built before unit tests are run, to eliminate this warning.

Complexity: 1/5
bug good first issue

A simple, free tool for coloring in a map using your own legend. This can be used to do things like show places you've been, display data in a geographical way, or anything else you could do with a map that you color in yourself.

TypeScript
#beginner-friendly#foss#javascript#leaflet#leaflet-map#leafletjs#map#open-source#open-street-maps#opensource#oss#svelte#sveltekit#tailwind#tailwind-css#tailwindcss#typescript
bug good first issue high priority

A simple, free tool for coloring in a map using your own legend. This can be used to do things like show places you've been, display data in a geographical way, or anything else you could do with a map that you color in yourself.

TypeScript
#beginner-friendly#foss#javascript#leaflet#leaflet-map#leafletjs#map#open-source#open-street-maps#opensource#oss#svelte#sveltekit#tailwind#tailwind-css#tailwindcss#typescript
enhancement good first issue

A simple, free tool for coloring in a map using your own legend. This can be used to do things like show places you've been, display data in a geographical way, or anything else you could do with a map that you color in yourself.

TypeScript
#beginner-friendly#foss#javascript#leaflet#leaflet-map#leafletjs#map#open-source#open-street-maps#opensource#oss#svelte#sveltekit#tailwind#tailwind-css#tailwindcss#typescript
bug good first issue

A simple, free tool for coloring in a map using your own legend. This can be used to do things like show places you've been, display data in a geographical way, or anything else you could do with a map that you color in yourself.

TypeScript
#beginner-friendly#foss#javascript#leaflet#leaflet-map#leafletjs#map#open-source#open-street-maps#opensource#oss#svelte#sveltekit#tailwind#tailwind-css#tailwindcss#typescript
bug good first issue

A simple, free tool for coloring in a map using your own legend. This can be used to do things like show places you've been, display data in a geographical way, or anything else you could do with a map that you color in yourself.

TypeScript
#beginner-friendly#foss#javascript#leaflet#leaflet-map#leafletjs#map#open-source#open-street-maps#opensource#oss#svelte#sveltekit#tailwind#tailwind-css#tailwindcss#typescript

AI Summary: Add a visual 'beta' tag to the user interface of the colormap web application to clearly indicate its beta status and manage user expectations regarding potential instability.

Complexity: 2/5
enhancement good first issue

A simple, free tool for coloring in a map using your own legend. This can be used to do things like show places you've been, display data in a geographical way, or anything else you could do with a map that you color in yourself.

TypeScript
#beginner-friendly#foss#javascript#leaflet#leaflet-map#leafletjs#map#open-source#open-street-maps#opensource#oss#svelte#sveltekit#tailwind#tailwind-css#tailwindcss#typescript

AI Summary: Create a reusable styled component for hyperlinks in a web application. The component should handle styling and potentially include features like underlines. This will ensure consistent styling across all links within the application.

Complexity: 2/5
enhancement good first issue

A simple, free tool for coloring in a map using your own legend. This can be used to do things like show places you've been, display data in a geographical way, or anything else you could do with a map that you color in yourself.

TypeScript
#beginner-friendly#foss#javascript#leaflet#leaflet-map#leafletjs#map#open-source#open-street-maps#opensource#oss#svelte#sveltekit#tailwind#tailwind-css#tailwindcss#typescript

AI Summary: Add a `pre-push` script to the `package.json` file that runs `npm run format` and `npm run test` sequentially before each push. Optionally, update the `CONTRIBUTING.md` file with documentation for this new script.

Complexity: 1/5
enhancement good first issue

A simple, free tool for coloring in a map using your own legend. This can be used to do things like show places you've been, display data in a geographical way, or anything else you could do with a map that you color in yourself.

TypeScript
#beginner-friendly#foss#javascript#leaflet#leaflet-map#leafletjs#map#open-source#open-street-maps#opensource#oss#svelte#sveltekit#tailwind#tailwind-css#tailwindcss#typescript

AI Summary: Debug and fix a bug in a web application where a URL parameter ('type') is sometimes unnecessarily cleared on page reload. The solution involves reviewing the code (likely in `+page.ts` and the settings store/service) to identify and correct the logic that clears the parameter, potentially adding a check to ensure it's only cleared when necessary. An alternative approach of always maintaining the URL parameter could also be explored.

Complexity: 3/5
enhancement good first issue

A simple, free tool for coloring in a map using your own legend. This can be used to do things like show places you've been, display data in a geographical way, or anything else you could do with a map that you color in yourself.

TypeScript
#beginner-friendly#foss#javascript#leaflet#leaflet-map#leafletjs#map#open-source#open-street-maps#opensource#oss#svelte#sveltekit#tailwind#tailwind-css#tailwindcss#typescript

AI Summary: Create a `manifest.json` file within the `/static/data` directory. This file should contain a JSON array listing all filenames present in `/static/data`. This is a straightforward task to improve maintainability and future-proofing of data handling within the web application. Optional additions include updating the web application to utilize the manifest and creating a test to ensure the manifest accurately reflects the data files.

Complexity: 2/5
enhancement good first issue

A simple, free tool for coloring in a map using your own legend. This can be used to do things like show places you've been, display data in a geographical way, or anything else you could do with a map that you color in yourself.

TypeScript
#beginner-friendly#foss#javascript#leaflet#leaflet-map#leafletjs#map#open-source#open-street-maps#opensource#oss#svelte#sveltekit#tailwind#tailwind-css#tailwindcss#typescript

AI Summary: The task is to replace the `npm ci` command with `npm install` in the GitHub Actions workflow for the colormap project to resolve a build error. This involves modifying the project's workflow configuration file.

Complexity: 2/5
bug good first issue

A simple, free tool for coloring in a map using your own legend. This can be used to do things like show places you've been, display data in a geographical way, or anything else you could do with a map that you color in yourself.

TypeScript
#beginner-friendly#foss#javascript#leaflet#leaflet-map#leafletjs#map#open-source#open-street-maps#opensource#oss#svelte#sveltekit#tailwind#tailwind-css#tailwindcss#typescript

AI Summary: Refactor the code to remove click event handlers from non-interactive list items (<li>) in the legend and move them to interactive child elements such as buttons or links. This improves accessibility by ensuring that only interactive elements respond to user interactions.

Complexity: 2/5
bug good first issue

A simple, free tool for coloring in a map using your own legend. This can be used to do things like show places you've been, display data in a geographical way, or anything else you could do with a map that you color in yourself.

TypeScript
#beginner-friendly#foss#javascript#leaflet#leaflet-map#leafletjs#map#open-source#open-street-maps#opensource#oss#svelte#sveltekit#tailwind#tailwind-css#tailwindcss#typescript

AI Summary: Create a comprehensive design standard for the colormap application, encompassing fonts, font sizes, colors, shading, styles, and animations. Collaboration with users experienced in UX/UI is encouraged to improve the design.

Complexity: 3/5
enhancement help wanted

A simple, free tool for coloring in a map using your own legend. This can be used to do things like show places you've been, display data in a geographical way, or anything else you could do with a map that you color in yourself.

TypeScript
#beginner-friendly#foss#javascript#leaflet#leaflet-map#leafletjs#map#open-source#open-street-maps#opensource#oss#svelte#sveltekit#tailwind#tailwind-css#tailwindcss#typescript

AI Summary: Improve the user interface (UI) of the legend items in the colormap application. The current legend items are described as clunky and prone to falling out of bounds. The task involves refining the UI to address these issues, ensuring a more user-friendly and visually appealing experience.

Complexity: 3/5
bug good first issue

A simple, free tool for coloring in a map using your own legend. This can be used to do things like show places you've been, display data in a geographical way, or anything else you could do with a map that you color in yourself.

TypeScript
#beginner-friendly#foss#javascript#leaflet#leaflet-map#leafletjs#map#open-source#open-street-maps#opensource#oss#svelte#sveltekit#tailwind#tailwind-css#tailwindcss#typescript

AI Summary: Create a reusable modal component in Svelte that can be dynamically populated with content using a slot, and that can be closed by clicking an exit button or clicking outside the modal.

Complexity: 3/5
enhancement good first issue

A simple, free tool for coloring in a map using your own legend. This can be used to do things like show places you've been, display data in a geographical way, or anything else you could do with a map that you color in yourself.

TypeScript
#beginner-friendly#foss#javascript#leaflet#leaflet-map#leafletjs#map#open-source#open-street-maps#opensource#oss#svelte#sveltekit#tailwind#tailwind-css#tailwindcss#typescript
SEO 3 months ago

AI Summary: Implement Search Engine Optimization (SEO) for the 'colormap' web application to improve its visibility in search engine results. This involves researching and implementing SEO best practices, potentially including keyword research, on-page optimization (title tags, meta descriptions, header tags, image alt text), and potentially off-page optimization techniques.

Complexity: 4/5
enhancement help wanted

A simple, free tool for coloring in a map using your own legend. This can be used to do things like show places you've been, display data in a geographical way, or anything else you could do with a map that you color in yourself.

TypeScript
#beginner-friendly#foss#javascript#leaflet#leaflet-map#leafletjs#map#open-source#open-street-maps#opensource#oss#svelte#sveltekit#tailwind#tailwind-css#tailwindcss#typescript

AI Summary: Implement a feature in the colormap application that allows users to directly change the color of a selected feature without needing to deselect it first. The current workflow requires deselecting a feature, selecting a new color from the legend, and then re-selecting the feature. The improvement should allow users to change the color of a selected feature by simply selecting a new color from the legend.

Complexity: 3/5
enhancement good first issue

A simple, free tool for coloring in a map using your own legend. This can be used to do things like show places you've been, display data in a geographical way, or anything else you could do with a map that you color in yourself.

TypeScript
#beginner-friendly#foss#javascript#leaflet#leaflet-map#leafletjs#map#open-source#open-street-maps#opensource#oss#svelte#sveltekit#tailwind#tailwind-css#tailwindcss#typescript

AI Summary: Implement support for additional map base layers beyond the default OpenStreetMap (OSM) layer. This involves integrating alternative map providers and allowing users to select their preferred base map.

Complexity: 3/5
enhancement good first issue

A simple, free tool for coloring in a map using your own legend. This can be used to do things like show places you've been, display data in a geographical way, or anything else you could do with a map that you color in yourself.

TypeScript
#beginner-friendly#foss#javascript#leaflet#leaflet-map#leafletjs#map#open-source#open-street-maps#opensource#oss#svelte#sveltekit#tailwind#tailwind-css#tailwindcss#typescript

AI Summary: Implement functionality to automatically select a legend item when it's created or edited in the colormap application. This ensures a smoother user experience by eliminating the extra step of manually selecting the newly created or modified item.

Complexity: 2/5
enhancement good first issue

A simple, free tool for coloring in a map using your own legend. This can be used to do things like show places you've been, display data in a geographical way, or anything else you could do with a map that you color in yourself.

TypeScript
#beginner-friendly#foss#javascript#leaflet#leaflet-map#leafletjs#map#open-source#open-street-maps#opensource#oss#svelte#sveltekit#tailwind#tailwind-css#tailwindcss#typescript