A whiteboard app with a group chat feature. It's created with React, Electron, and Chatkit.

You can read the tutorial at:

• Create a Whiteboard app with React - Part 1: Adding the whiteboard
• Create a Whiteboard app with React - Part 2: Adding the group chat

• Node.js
• Yarn
• Pusher Channels app instance
• Chatkit app instance

1. Clone the repo:

git clone https://github.com/anchetaWern/ElectronWhiteboard.git
cd ElectronWhiteboard

2. Copy the node_modules/react-sketch/dist/index.js file somewhere else and delete the node_modules folder.

3. Install the dependencies:

yarn

4. Update .env and server/.env file with your credentials.

5. Paste the node_modules/react-sketch/dist/index.js file that you copied earlier to your project.

6. Run the app:

yarn start
yarn electron-dev

• Electron
• React
• Pusher Channels
• Pusher Chatkit

If this project helped you reduce time to develop, please consider buying me a cup of coffee :)