Get Started with Class Whiteboard

Follow these simple steps to set up and start using Class Whiteboard in your classroom.

Setup Instructions

1

Download the App

Click the download button below to get the complete Class Whiteboard package. The download includes all files needed to run the app.

2

Set Up Firebase

Class Whiteboard uses Firebase Realtime Database for live synchronization. You'll need to:

  • Create a free Firebase account at firebase.google.com
  • Create a new Firebase project
  • Enable Realtime Database (start in test mode)
  • Copy your Firebase configuration

Detailed Firebase setup instructions are included in the download package.

3

Configure the App

Update the Firebase configuration in the downloaded files:

  • Open firebase-config.js
  • Paste your Firebase configuration values
  • Save the file
4

Deploy or Host

You can host Class Whiteboard in several ways:

  • Firebase Hosting (recommended) - Free and easy setup
  • GitHub Pages - Free hosting for public repositories
  • Netlify - Free hosting with easy deployment
  • Your own web server - Any standard web hosting

Deployment instructions are included in the download package.

5

Start Using Class Whiteboard

Once deployed, you're ready to go! Access the teacher dashboard to create activities and share room codes with your students.

What's Included

  • Complete source code (HTML, CSS, JavaScript)
  • Firebase configuration guide
  • Deployment instructions (Firebase Hosting, GitHub Pages, Netlify)
  • CSV templates for Multiple Choice and Anagram activities
  • Service worker for offline functionality
  • PWA manifest for app installation
  • Comprehensive README with setup steps