Back to Project List

Canvasboard-Creative Paper

An interactive Webboard and Learning Management tool for Schools, Colleges, and Universities 🌎

Repository Video ▶️

Logo

Canvasbird Organization
Project: Canvasboard

The whole purpose of education is to turn mirrors into windows.
- Sydney J. Harris


Background

What is Canvasboard?

An interactive Webboard and Learning Management tool for Schools, Colleges, and Universities 🌎

Why it is important?

Online teaching has become the new norm for most of the Institutes/Schools/Colleges amidst the pandemic. There are still many institutes in India for which they are facing issues during online teachings in terms of Flexibility, Costs, etc. Canvasboard is an interactive learning management tool built using web technologies to enhance teaching as well as learning experience considering the current COVID19 crisis.

Who are we building for?

Educational Staff, Teachers, and Professors of Schools/Colleges and Universities.

Target

To build a standalone web application that improves and enhances online teaching as well as learning experience.

Problems

  • Teachers and Professors
    • In-class teaching flexibility: Teachers and Professors make use of Zoom and other real-time video streaming protocols and share PDF PPT to teach a class. There is no sort of in-class teaching or interactive learning during the sessions.
    • Shortage of tools: Teachers and Professors have a restricted shortage of tools provided online.
    • Saving notes: Flexibility for sharing and saving professors slides and notes within the same platform.
    • Changing across the platforms: A professor or a teacher needs to access different platforms to accomplish a single small task.
  • Students
    • Platform availability: A dedicated platform for students to access their teacher's or professor's notes and slides.

Outcomes

  • Teachers or Professors using this creative board can easily
    • Make use of different tools and accessories to enhance the learning experience during the class.
    • Make use of the Block based learning where a teacher can type and write on the same platform.
    • Prepare notes before to stay organised.
    • Share class notes and slides with students for further usage.
  • Students can now easily
    • Access their teacher or Professors notes within no time.

Scopes (Built during Hackathon) link

  • A Interactive web application for Users (Teachers/Profressors)
    • Can add creative cards
    • Can Delete a card
    • Can Drag and drop a card
    • Can add title to the board
    • Can add H1, H2,H3 Tag
    • Can add a normal paragraph
    • Can add a Image
    • Can add an canvas board to draw along with different pen color
    • Can make a text bolded ( short key: Ctrl +b)
    • Can make a text Italic ( short key: Ctrl+i )
    • Can make a text Underline ( short key: Ctrl+u )
    • Can add a code snippet
    • Can add Unordered list
    • Can add Ordered list
    • Can add Danger, Warning, Success, decent blue background colored card
    • Can store/save the written data of every card in the backend for general usage in the future.
      • Get graph by just upload of a JSON.

Future Tasks/ Features to build

  • Add real time video streaming platform for online teaching (Jitsi/Bigbluebutton)
  • Present saved notes and add collaborative learning.
  • Add Different featured graphs
  • Integrate the learning management system so a teacher/Professor need not use 7-8 different platforms to accomplish educational tasks. (ALL AT ONE PLATFORM)
  • Add real time AI Engine to get book rendering on real time using Computer vision technologies

Future Goals

Online teaching has become challenging amidst the pandemic situation. There are still many institutes in India for which they are facing issues during online teachings in terms of Flexibility, Costs, etc. Our main goal is to reach all schools, colleges and Universities (specially the ones in rural areas) to give them a flexibility of free enhanced form of teaching and learning experience.

Dependencies🗃:

Angular
Bootstrap
Jquery
FabricJS
Nodejs
Koa
Strapi
MongoDB
FastAPI
Amazon AWS

Backend Repository (Hackathon)

link

Installations:

Installing canvasboard frontend. Click me

Demo video

LINK

LINK1 LINK2

Contributions

Open source has gained huge popularity in the field of IT in recent years and it embraces strong values of community, collaboration, and transparency. Contributions are what make the open-source community an amazing place to learn, inspire, and create. Please consider contributing to the project, with your ideas, your artwork, and your code.

IRC Channel


Gitter

goli akshay sujith
Navaneeth Nidadavolu
Aravind Veluri
Kajol Kumari

Added graphs by uploading JSON

September 13, 2020

Added User AUTH.

September 13, 2020

1) We could successfully add SortableJS for drag and drop feature.
2) Resolved few major bugs

September 13, 2020

We could successfully add Canvas for drawing. Now the user can even write with different pen colors and also type.

September 13, 2020

Feature Updates :)

September 13, 2020

1) Added Cards with Dynamic ID's. 2) Flexibility to delete a card 3) Ability to use different text features like bold, italic etc

September 12, 2020

The next PR was on adding H1,H2,H3 tags on the creative-board. The user can also go back to the normal text now. Resolved details is in this issue

September 12, 2020

Now the user can make use of H1, H2, H3 tags to give importance sentences to their notes. This isuue was resolved via this commit.

September 12, 2020

The first PR was on adding title to the creative-board. As our focus was to make a creative board, so we are making an interactive block based editor.

September 12, 2020

Issue20

Added title to preview main heading for the creative board

September 12, 2020

Project created by goli akshay sujith

August 27, 2020