I Want to create a whiteboard project using HTML, CSS and Javascript for my learning purpose. This whiteboard should have below features.

• Writing using pencil - with style change option.
• Should have option to undo, erase, section, and moving written text from one place to other.
• selecting color for pencil.
• changing background color of whiteboard.
• should have feature of using different shapes like, rectangle, circle, etc.
• Should be able to write on board using keyboard.
• board pages should be saved in pdf format.
• Should have feature to add new page.

Kindly share some good reference and please any one let me know how should i begin this project. Your support will be highly appreciated.