Improvement in Canvasboard UI

[Kajol-Kumari]

Project Title: Improvement in Canvasboard UI

Description:

We need to replace the current UI of the Canvasboard with a better user friendly UI. This idea is focused on replacing the current UI with a better one along with adding new features to make it more user friendly.

Deliverable:

• Come up with a better UI/UX design for the Canvasboard in the form of wireframe, figma etc.
• Code the proposed design
• Pin features for files and folders
• Adding user specific filters to the files and folders
• Sort files and folders based on filters, last accessed on etc.
• Feature to make copy of a file inside the workspace
• Toolbar menu for each folder containing following features
  • Change the background colour
  • Edit labels
  • See last accessed time
  • See created time
  • Delete folder
• A Plugins details web page containing the details and expected behaviour of all the canvasboard plugins

Mentor: @goliakshay357 @asquare14

Skills: Angular 11, NodeJS, Typescript, Javascript

Skill Level: Easy

Get started: Try solving opened issues in Canvasboard (note that there are some issues labelled with GSoC-2021)

Tutorials:

https://angular.io/tutorial

Important Links:

Canvasboard Website: https://canvasboard.live/
Canvasboard Github repository: Canvasbird/Canvasboard
Canvasboard Docs: https://canvasboard-docs.netlify.app/
GSoC Proposal Template: Canvasbird/GSoC-Ideas/GSOC-2020-Proposal-Template
Gitter Channel: slack.com/Canvasbird
Mailing list: canvasbird_mailing_list