Making a Whiteboard Application with ReactJs

A light drawing web application using HTML5 Canvas API and Roughjs

This is a good project for beginners who want to use React and its hooks and API reference functionality.

The challenge here is to use the canvas API in React instead of vanilla JavaScript and HTML. Let’s start making a whiteboard from scratch!

The first step to your application is to create your react-app with one simple step. I am using npx(Node Package eXecute) instead of npm as it is faster and executes any package that you want from the npm registry without even installing that package. Rough.js is a light javascript library that will make the lines and shapes in a hand-drawn-like style.

Write the following commands in the terminal at a suitable location(npm is an alternative).

Click Here