A simple doodle application built with React and TypeScript.

canvas doodle html5 html5-canvas javascript reactjs typescript
7 Open Issues Need Help Last updated: Jun 22, 2025

Open Issues Need Help

View All on GitHub

AI Summary: Implement polygon, star, and arrow drawing tools in a React/TypeScript canvas application. This involves creating new components or extending existing ones to handle the drawing logic for these shapes, including user input handling and potentially updating the existing toolbar.

Complexity: 3/5
enhancement help wanted good first issue

A simple doodle application built with React and TypeScript.

TypeScript
#canvas#doodle#html5#html5-canvas#javascript#reactjs#typescript

AI Summary: Replace the current flood fill tool icon in the React/TypeScript doodle application with a more recognizable icon, similar to the one used in MS Paint. This involves finding a suitable replacement image, updating the application's code to use the new image, and potentially adjusting the styling to ensure proper integration.

Complexity: 2/5
enhancement good first issue

A simple doodle application built with React and TypeScript.

TypeScript
#canvas#doodle#html5#html5-canvas#javascript#reactjs#typescript

AI Summary: Refactor the Doodle application's toolbar component to be a resizable and hideable floating window positioned on the left side of the screen. The canvas should then expand to fill the remaining screen space below the header.

Complexity: 3/5
enhancement help wanted

A simple doodle application built with React and TypeScript.

TypeScript
#canvas#doodle#html5#html5-canvas#javascript#reactjs#typescript

AI Summary: Debug and fix a keyboard shortcut issue in a React/TypeScript doodle application. The 'Clear Canvas' functionality works via the button, but the Ctrl/Cmd + Delete shortcut is not functioning correctly. The fix requires identifying and correcting the event listener or keyboard handler responsible for clearing the canvas.

Complexity: 2/5
bug good first issue

A simple doodle application built with React and TypeScript.

TypeScript
#canvas#doodle#html5#html5-canvas#javascript#reactjs#typescript

AI Summary: Debug and fix a bug in the flood fill algorithm of a React/TypeScript doodle application. The bug causes the flood fill to sometimes miss pixels, particularly noticeable on anti-aliased edges. The fix should ensure complete filling of enclosed areas, regardless of anti-aliasing.

Complexity: 3/5
bug help wanted

A simple doodle application built with React and TypeScript.

TypeScript
#canvas#doodle#html5#html5-canvas#javascript#reactjs#typescript

AI Summary: Implement functionality to allow users to download their canvas as JPEG, PNG, and SVG images. This includes adding a preview of the canvas before download and providing options for the image format.

Complexity: 3/5
enhancement help wanted

A simple doodle application built with React and TypeScript.

TypeScript
#canvas#doodle#html5#html5-canvas#javascript#reactjs#typescript

AI Summary: Implement local storage functionality to save doodles, modifying the existing save button to a download button. This involves handling the saving and loading of canvas data to and from the browser's local storage.

Complexity: 3/5
enhancement help wanted good first issue

A simple doodle application built with React and TypeScript.

TypeScript
#canvas#doodle#html5#html5-canvas#javascript#reactjs#typescript