canvasbird/canvasboard

An interactive board with plugins focusing on replacing the need of multiple platforms for teaching, presenting, managing or explaining your ideas.

Project Overview:

Canvasboard is an interactive board with plugins focusing on replacing the need of multiple platforms for teaching, presenting, managing or explaining your ideas. The interactive plugins are built using web technologies to ease your work right within a single platform.

Why is it important?

Technology has helped come up with a board that is a dedicated workspace for all your needs. Canvasboard can be scaled up to onboard multiple plugins in one place that can be used for the various business needs. The education sector, data scientists, and project managers will surely find their work become easier with the help of this platform. Rather than installing multiple different softwares, a person can have one single board to satiate all the requirements for their jobs. From writing on presentations, data exploration, and producing gantt charts, this board will definitely fulfill all needs.

The software is considered to be at a beta level of readiness; there are a few missing features and bugs to be fixed.

More on Wiki

Goal

Build a standalone web application that has all your favorite tools(Plugins) so you need not switch between different platforms to accomplish your important tasks.

Dependencies🗃:

• Typescript
• Jquery
• Bootstrap
• Angular
• MongoDB
• FastAPI
• Amazon Web Services

Important Links

• Running the canvasboard application. Link
• Canvasboard Docs here
• Canvasboard backend. Link

Open Source Programs we have been associated with:

Contributing🤝

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.

Please feel free to checkout Canvasbird Contribution Guidelines

Contributors 🌟

Thanks goes to these wonderful people ✨✨

canvasboard's Issues

Add Embed Links

Search toolbox

Search icon inside toobox to find the required plugin easily

Ability to add colour boxes

Ability for the user to add color boxes to highlight the important notice.

Bold text, italic text, Underline text

Ability to bold the text, Italic style and underline the text

Make toolbox responsive

Make toolbox responsive on screens

Adding the course UI for the Learning Management System

As a part of the Learning Management system, the courses page for the student and the teacher is to be created. The course page should display the notes for that course and the related assignments. The functionality should be appropriate for the teachers and the students.

Documentation improvements.

Documentation for canvasboard in Docusaurus
Repository: https://github.com/Canvasbird/canvasboard-docs

New Plugin documentation

Checklist to follow for adding a new plugin to the creative board.

Saving the notes.

As soon as the user finishes writing on the board. All his written notes (i.e imgURL's) should be saved in the database so that he/she can come and view it later for further purpose.

1. He/She can edit the same document
2. Can download as PDF locally

Adding a Chatbot feature for Canvas

With new users using the canvas, it can be increasingly difficult for the user to understand, how to add an ordered list , or how to add an equation in the canvas. And going to the documentation every time for the same is not the solution. So why not create a simple AI helper assistant that can take care of this problem by helping the user on any doubts that he has regarding the canvas. According to me it could be a great addition to the canvas as a potential user, might bring in more ppl to contribute to this with an ML tag 😜. Existing libraries like Rasa, OpenAI can be used for the same, Rasa in particular has very easy integration with the front end as well.

Adding title to preview main heading

Adding title to creative board to preview lesson heading or document heading.

Add polling in the chatbox

Cancel button for uploading a new image

When we click on button to upload an image, If we then click on cancel even then it is going ahead with confirming the url. It should hide the browser alert as soon as cancel is pressed.

Steps to reproduce:
On any card, click on image to open a new image. then click on cancel.

Adding graphs

Ability for user to add graphs for general usage.

Footer in contribution page

Fix footer in contribution page

Todo list Plugin

A todolist plugin

Diary feature

Adding the dashboard UI for the Learning Management System

As a part of the Learning Management system, the dashboard for the student and the teacher is to be created.

Unordered list for creative-board

Current Behaviour
We don't have the option to insert an unordered list on the creative board as of now.

Requested change
Add an unordered list feature for the creative board.

Adding Shapes

Adding basic shapes like circle, rectangle, triangle whose sizes can be adjusted with mouse events.

Youtube video

User can add Youtube video Embed link to watch within the creative board.

Adding the assignment management UI for the Learning Management System

As a part of the Learning Management system, the assignment management page for the student and the teacher is to be created.
It should include creating, evaluating and viewing the evaluated assignments. The teacher should be able to create and correct the students assignment. The student should be able to view and submit the assignments.

Show plugin name on hover in toolbox

Adding features description on homepage

Example template

Adding emoji plugin in toolbox

Adding emoji selection tool plugin to toolbox for easy addition of emojis into the cards.

• Search button to find required emojis
• Frequently used emojis

Warning while refreshing if user does not save the page.

Making the website homepage

Making a homepage of the website which has the Introduction section, features section, and footer section.
path: HomeComponent.

Download all dataURL's as PDF

Converting notes to PDF

Saving notes

Ability for user to save notes so it can be viewed later for general purpose.

Ability to add code snippet.

Ability for user to add code snippet in the creative board.

Add popular colors toolbox

Adding popular colors used toolbox for easy handling.

Adding canvas to new card when selected

Adding the canvas element to new card instead of adding in the same card.

PDF and PPT Rendering.

Ability to upload PDF or PPT on creative board.

Adding canvas for drawing

Adding canvas for drawing to use it like a board.

Add Graphs for Better visualisations

LaTeX plugin

Adding LaTeX as a plugin to the cards.

Change Favicon icon

link: https://drive.google.com/file/d/1Jt0E1eVV3153jC9nr6yzXnplyNhqzEhd/view?usp=sharing

Ability to add Orderlist

Ability for user to add OL tag dynamically on creative board.

Adding a text input which can be draggable on the board

Adding a text input that takes user input and can be draggable on the board.

PR and Issue Template

Current situation
Currently we don't have any specific issue/PR template that we would be following for this project.

Suggested changes
Create a specific template that we would be following for creating an issue and PR.

Clear the elements inside card when adding new plugin

Clear the elements in the card if planning of adding a different or new plugin.

Eg: When canvas element is added, remove the text present.

Easy plugin toolbox

Pin frequently used plugins from toolbox for quick access

Adding Images

Ability to add images on canvas creative board for general usage.

Adding H1, H2, H3 tags

Flexibility for the user to make use of H1 H2 and H3 tags on creative board

FOSS suggestions

• Change font style
• Add padding for better UI
• Keyboard shortcuts
• Change menu icon

Ability to delete block based editor box

Ability to delete block based editor box

optimise code editor

Add Width/thickness changer for the pen chosen

Change the width/thickness of the selected pen dynamically.

Flexibility to see the saved notes on the dashboard.

As soon as the user finishes login. He/She has the flexibility to see all the prev notes on the dashboard itself. On clicking, He can either view the file in file explorer or download it as PDF

Adding an image to canvas via file input which can be draggable on the board.

Adding an image on canvas which can be draggable to enhance the learning experience.