Skip to content

Fullscreen Javascript HTML5 canvas implementation of a chalkboard with a realistic chalk effect.

Notifications You must be signed in to change notification settings

maitreyeepaliwal/Chalkboard

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Chalkboard 👩‍🏫

📢 Hola Professoras!! It's time to make your online classes more interesting, engaging and fun with this simple application. Get the classroom feel with a realistic chalkboard, chalk and the duster. You can write notes too now!!

Download the repo, get handy with the application, and go on to schedule your next class!!
Your students won't miss your classes from now.
And, please do not forget to flaunt off in front of other teachers


Existing Repo presented a fullscreen Javascript canvas implementation of a chalkboard with a realistic chalk effect and touch support.

In my work, I have introduced display of subject and topic name, today's date, a clear board button to clear the whole canvas, and a collapsible notes box.

Instructions for use:

  • Left click and drag to draw
  • Right click and drag to erase
  • Press space bar or click on clear board button to clear the chalkboard
  • Click save then download to save a copy of the chalboard (not functions in all systems because os security issues)
  • Hold and drag the notes container to move it around.
  • Click on 'click here to expand/collapse' for adding notes.

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 70.0%
  • CSS 26.2%
  • HTML 3.8%