Betterer Canvas banner

Betterer Canvas

7 devlogs
13h 28m 29s

A fork of bettercanvas since the dev monetized it and ruined the ui and I add features that the original doesn't have.
BEFORE YOU GIVE THIS A 1 STAR FOR USABILITY: this is a fork of an extension with 2 million users. a lot of schools use canvas a…

A fork of bettercanvas since the dev monetized it and ruined the ui and I add features that the original doesn’t have.
BEFORE YOU GIVE THIS A 1 STAR FOR USABILITY: this is a fork of an extension with 2 million users. a lot of schools use canvas as their platform, if you don’t use canvas or can’t install it look at the devlog images plz

This project uses AI

used it towards the begining of the project to learn where things are and how they work until I got used to the codebase.
not to write code.

Demo Repository

Loading README...

Guy

Shipped this project!

Hours: 13.44
Cookies: 🍪 155
Multiplier: 11.52 cookies/hr

I started making a forked version of the original better canvas since the original decided to become a paid platform that requires accounts and stuff and it sucks.
By technicality they forgot to rebase their code after a license change so I too my chance and forked that version and took things into my own hands.

I added GPA presets, searching themes (the original didn’t actually implement that), card styles (image size, card roundness, card spacing, width, height, theme compatible), custom background (by URL, theme compatible), started UI revamp by adding a better looking card menu.

I had to release this beta now because the feb 15 deadline from the slack is coming up but I will keep adding more and feel free to suggest features!

plz no review bomb on usability the original is used by 2M+ people

Guy

I started my UI revamp by remaking the cards tab to look a lot better and not take as much space by having it be a submenu thing. It was kind of annoying to code with vanilla js but I managed to do it anyway.
unfortunately I didn’t finish the revamp because I was very busy these past 2 days and the extension deadline thing is feb 15

Attachment
Attachment
0
Guy

I made the custom backgrounds theme compatible, fixed some css issues, and added blur to the dashboard bar.
I also reorganized the feature todo list.
I really like how this looks now

Attachment
0
Guy

so I added custom backgrounds, but it works too well. I like how this looks but too many things are transparent. the todolist will be remade but the big dashboard rectangle and transparent cards will be annoying to correct

Attachment
0
Guy

I learned how to add stuff to the themes.
I could have had a sub array or whatever but nobody really reads these and it doesn’t save on data and loops.
importing kind of just worked itself out I didn’t touch that

Attachment
0
Guy

I added more styles like, width and height.
I also tried to add a proper toggle for on-off styles but the css was weird about it so I downgraded to a checkbox.
I also fixed some of the styles to at least keep the style looking somewhat vanilla.
Next I plan to make this theme compatible so people can export extra styled themes

Attachment
Attachment
0
Guy

Woops forgot to devlog.
I thought it was a good idea to make the reminders show up at 1 time but that didn’t work so I will come back to that.
I then spied on the actual bettercanvas and made a list of the features they have (including payed features).
My first feature I added from that list is card settings (almost done).
you can change card border radius, spacing, and image size.
I still want to add card width, height, and rotation

Attachment
0
Guy

I added GPA presets and made reminders by scheduled time (untested).
most of the code is pretty well made but the reminder code is messy

Attachment
0