IntelliBoard

IntelliBoard is a Paintbrush Application, optimized for Whiteboards and Touchscreens. It is written in JavaScript, using Node.js and Express.js, so it's a fully web-based App. All Data is stored in a MongoDB Database. You can install MongoDB on your server, or you can get a free Cluster in the MongoDB Atlas.

Contents in this Readme

• Features
• To-Do / Known-Bugs
• Try IntelliBoard
• Build and Run IntelliBoard
• Information for Firefox Users
• Languages
• Some Impressions for IntelliBoard
• License

Features

• Account System
• Books and Pages for each User
• Modern and simple UI
• Tools:
  • Paintbrush
  • Eraser
  • Marker
  • Text
  • Images
  • Rectangles
  • Lines
• Background Grid for Math Things
• Undo / Redo

To-Do

• Create Drag & Drop of Elements
• Add Image and Media (Audio, Video) Tool
• Make pages downloadable
• Add Undo / Redo Functions
• Implement Password Recovery Function with E-Mail

Try IntelliBoard

You may test IntelliBoard with all of it's features here. You can create your own Account, or use this credentials: -Username: sandbox -Password: ib-sandbox

Build and Run IntelliBoard

1. Build and Install on a Root-Server

1. Download the Install Script from this repository:

   wget https://raw.githubusercontent.com/CraftException/IntelliBoard/master/install.sh	   
   

2. Make the Script executable and run it:

   chmod +x install.sh	
   sudo ./install.sh
   

3. The script will automatically download all required things. At some point, you have to type your MongoDB Credentials.

To stop the Server go into the intelliboard Folder and type ./stop.sh To start the Server again type ./start.sh

2. Run on a Plesk Server

Prerequisites on your local Computer:

• Node.js and NPM
• TypeScript (npm install -g typescript)
• Git

1. You need to clone the repository to your computer

   git clone https://github.com/CraftException/IntelliBoard

2. Compile all TypeScript Files

   npm run compile-ts

3. Login to your Plesk Panel. Create a Domain like you want it.

4. Upload all Files to any Directory on the Plesk-Server.

5. Go to Node.js on the domain overview.

6. Set "Document Root" and "Application Root" to the Directory you uploaded the compiled Repository

7. Set the Application startup file to "bin/www"

8. Click "Activate Node.js"

Your Settings should look like this:

Information for Firefox Users

The current version contains some bugs for Firefox and Firefox-Based Browsers (Tor-Browser...)
The following Bugs will work perfectly in Google Chrome and Chromium Based Browsers:

• The Color selection in the Rich Text Editor isn't working

Languages

The languages, which are currently supported in IntelliBoard, are German and English.
The Files are in the lang Folder, and all Languages are listed in lang/languages.json. You can create other languages and create a Pull Request. I will merge them as fast as possible.

Tutorial

	This is the main Page of IntelliBoard, with the background Grid enabled. On the Top you can see the headerbar and on the bottom the toolbar
	This is the headerbar on top of the board. Here you can choose the color, the size and some other things.
	With the Toolbar on the bottom of the board, you can switch between all tools (see Tools).
	If you hover over the vector tool, a popup opens, where you can switch between lines and rectangles.
	This is the Rich Text Editor. You can switch between the colors. Also, you can format the Text and change the text size.
	Here, you can see the login form. The register form looks very similiar to the login form.

License

IntelliBoard is licensed under the MIT-License