Homework Planner

Version 7 complete! I added 5 new themes to start, Aurora, Cyberpunk, Coffee, and Lavender, and not pictured, Terminal. Then I got into the main addition of everything. I added a new navigation bar at the top, and created 2 new tabs, “Focus” and “Integrations.” They are as they sound, Focus having its timer that you can use to help study, with the ability to pause and reset the timer at will, and Integration having placeholder cards for my three planned integrations (which I have no idea how I’m gonna accomplish): Canvas, Google Classroom, and Google Calendar. These don’t work yet, and I don’t plan to have them work for a while (yay procrastination). I also decided on a roadmap for the next 3 versions. V8 will be focused on adding functionality to the sorting system and adding timer presets to the focus tab, V9 will be focused on cleaning up the code (again) and splitting the JS and CSS into different files, and V10 will be the big update where I make the integrations functional.

Version 6 complete! I added multiple features here. first things first, you now have Volcano and Desert pictured, along with Forest. I added the feature to delete your homework, along with a second panel within settings where you can recover or fully delete homework items. I also added due dates to the homework items, so you can now input due dates and see how long you have left with various colors for the amount of time left! And I did a few other smaller things, such as making the deleted items panel close when you close settings, fixing a bug where the dropdown for the appearance would revert to Midnight, and I added a fun little “No homework” sign when you have no uncompleted or completed homework :)

Version 5 complete! This is actually looking so good now… I added a settings page which pops out, and then, for the biggest part. I added themes! You can now customize the app to one of 7 themes: Midnight, Daylight, Forest, Ocean, Sakura, Volcano, and Desert! The ones pictured are Daylight, Forest, Ocean, and Sakura. You’ve seen Midnight in the previous versions, and I’ll make sure to put Volcano and Desert in the next one. I honestly can’t believe I did this, it looks so good. I think Version 6, I’ll add a delete button, and finally make the sorting system work.

Not much to report, I finished cleaning up the code. There was a slight problem with the CSS, which I had to revert back to my backup of V3, but that was easy to fix.

V3 completed! I focused more on the visual aspect this time. I added these green circles in the background to spice it up, and then adopted this green glass pill style that I have everywhere. I also made the dropdown look like everything else instead of an ugly black square. I then spent 2 hours trying to animate the growth/shrinking of the homework cards when homework was added/removed but that ultimately failed. Maybe sometime else. V4 should be a short one, I just plan to clean up the code.

Version 2 complete!

In this version, I aded quite a bit of very important features. I started off with adding local memory so your homework assignments aren’t thrown into the void whenever you reload. That took quite a while since I had to make it save, and then load it, and then read it, and then I had to change the animation (did I mention I animated the movement between the lists?) to work with it and make the checkbox also work, but that all worked out fine. Then, I started on the framework of a sorting system, with generalized variables to allow me to easily add sorting categories later. I then finished up with UI design, deciding on a theme, moving stuff around, and overall making the website look better, with bouncing animations when you click on a button and changes in color when you hover.

I think if I had to rank them, CSS is the most fun, HTML is meh, and JS is a pain.

While waiting for my hours for my Twistpad to be updated, I decided to start working on a software project which I’m having quite a bit of fun with. My end goal is to have a modern minimalistic looking UI that aims to solve common frustrations with existing planners, with both Google Calendar and Canvas integrations so that your homework assignments automatically transfer over. I am started from scratch with my coding experience so I first made a basic webpage, and then changed the colors, added the title, chose a font, added a text field and button, changed the look of those, and then for the hard part, added one list for homework, added checkboxes to it, then created another list for completed homework, and then utilizing the flip animation technique, I was able to animate the website so that when you check a box, the homework assignment smoothly moves over to the top of the completed homework list, while everything in the your homework list moves up smoothly, and everything in the completed homework list moves downwards smoothly. Next, I plan to work more on the UI design, maybe adding boxes and such so it isn’t just a bland square, and then I can add dates, notes, maybe a feature where you can click on the assignment to access links and stuff.

I think I’ll have a lot of fun with this project :D