Currently this supports only drawing boundary of shapes,
It would look more featured if we add a toggle button to draw shapes filled with color i.e solid shapes!

Do assign me with this issue!

Is your feature request related to a problem? Please describe.
When using macOS, undo and redo keyboard keys are different.

Describe the solution you'd like
Mac using cmd+Z for undo and cmd+shift+Z for redo.

The default shape pen colour is not in the correct format, so it draws with (I assume, a default of green).
drawShapes.js:184 The specified value "black" does not conform to the required format. The format is "#rrggbb" where rr, gg, bb are two-digit hexadecimal numbers. (anonymous) @ drawShapes.js:184

Right now we have the same boring Pointer Cursor for all the different tools.
Add different Cursor Designs for different tools.

When clicking on the first board which has been added to the multi-page bar an extra board gets created.

The label "shape palette" is also animated, not only the icon.

See:

Right now, when you download the board, it is saved with "untitled.png" .

Now, what we need is to get a pop-up dialog box with a input field, there you can type the name of the file (For ex. hacktoberfest.png).

There will also be a default value for input field, (for ex. board_<time-stamp>).

Our pen and markers are unable to make dots, We have to at least hold and drag it to make drawings.

Is your feature request related to a problem? Please describe.
Developing without type annotations is really annoying, and makes it much more likely for bugs to slip through. Typescript would also make it possible to compile for additional targets.

Describe the solution you'd like
Add type annotations and TS only features incrementally & gradually. We can use an action to compile to a distributable JS program, if needed.

Describe alternatives you've considered
N/A

Additional context

• https://www.typescriptlang.org/
• https://www.typescriptlang.org/docs/handbook/intro-to-js-ts.html

Create a "Insert Text" Function which we can move around the whiteboard.

Right now, We have a "Insert Text" which takes value in a dialog box and wherever we click on the Whiteboard, it gets inserted.

We need some new system to insert text in the whiteboard, Like we have in every other whiteboard online. We can insert text and drag it around the whiteboard until we find some suitable place to insert it.

Like this one:

If the page is reloads everything is reset.
Store data in local storage, so that the white board drawings can survive page reloads.

When rapidly drawing shapes (Line, square, circle, not seen with triangle), more than one shape is sometimes drawn for a single mouseup event.

Example:

This ripple is made from a single click & drag

When drawing with the pen it takes some time to start drawing.
So the path dragged in that time is not drawn.

The delay increase with screen size and if the page is zoomed out.

I am not sure if this is intended but it looks strange. The tooltip 'shapes palette' is rotating with the icon when the icon is hovered over with the cursor.

I would like to fix this minor issue and will prepare a fix.

Background color

When you download the board as an image you do not get background otherwise, you get transparent strokes only.

Actual image

Downloaded image