asjblue28

Quite a long day today. I honestly thought I could get more work done in but I kept getting a lot of frustrating bugs and errors that took a lot of time and effort to fix. I spent today adding due dates for the task cards in the Task Board section. This allows users to set due dates for their tasks and see when each task is due. When the task is due today or tomorrow, the due date text will become red and if the task is due within 7 days, the text will become yellow. One of the main bugs I faced was the alignment of the calendar icon and due date text. For some reason the css gods were not on my side and I spent so long trying to fix it. Eventually I got it looking semi decent but you can still see some unevenness with the due date text which will hopefully get fixed soon. Now I just have to integrate these due dates with the calendar tab I made and a major part of Classify will be done!

Today I worked on adding calendar integration to Classify. I managed to make an entire calendar section and made a working calendar that users can traverse through with the day selected showing on the right of the calendar. What I am planning is that eventually, you will be able to add due dates to the cards you add in the Task Board section, this will then show up on the calendar and allow you to visually see when all of your tasks are due, similar to other task managing apps like Clickup or Trello, but for free. This feature is quite important as I for one have forgotten when things are due and being able to see a visual calendar of when you need to submit things is super helpful for any student.

Today I fully finished off the Kanban/Task board section of Classify. This includes the ability to make new lists/groups, add cards/tasks and move these lists and cards around. This was crucial as organising tasks and making reminders of things to do is a vital task of any student. I was at first frustrated because the drag and drop functionality was giving me a lot of issues, but after a lot of debugging and refactoring, I have managed to get it to a pretty good state. I have also been researching some other web development frameworks as I want to get away from the basic html, css and js so a potential switch/refactor to another framework like React/Next.JS may be in the future once I add the features I want to this project. Overall, major chunk of work done today, can’t wait to add the next features I have in mind. Stay Tuned!

Long day today, spent most of it figuring out how to add the assignments part and allow users to input their assignments/tests and then for it to calculate the weighted average and display this on the dashboard. The most frustrating part was that I could not get the semi circle on the classes card to work properly, it was bugging out and not filling correctly. I finally managed to get it working by changing it to an SVG progress arc which seemed to fix it. I also made it so that the fill colour is red if your average is below 50%, orange if its between 50% and 80% and green if its 80% or above. You also cannot delete assignments which is the next thing I need to add. Overall, made some good progress today and excited to see where this project leads.

Today I worked on adding more functionality to my dashboard/classes. I made it so that users can create and delete classes/cards. I also made it so that when users click on each card, it opens a respective menu that for now displays the class name and a back to classes link. But eventually, this will have all the class stats. This was quite difficult as I had to learn how to make multiple elements/components using javascript. I also had to learn how to open the respective class menu by using class=“hidden” + css. Overall, got the base functionality down today and super happy with how my project is progressing.

Spent the entirety of today working on making the UI of my whiteboard better. Specifically the sidebar as it was cutting out at the bottom of smaller screens and just didn’t match the vibe/feel of what I was going for. I ended up making the background of the sidebar white, it is now also scrollable on smaller screens where the bottom may get cut out. I also added some visual seperation between the whiteboard and sidebar for a nicer more professional feel. The next thing on my agenda is making a dark mode as well as continuing to add more features such as selecting and copy/paste. I do need to fix the functionality of some current tools, mainly the bucket fill tool which is very buggy especially when scrolling or panning, but that can be done later once all the features I have in mind are added.

Spent today just making most of my sidebar work. You can now change the colour, pen thickness, eraser thickness and select between the pen and eraser mode. I still need to add browser storage and clear all functionality but I am very happy with what I managed to accomplish today. I am starting to understand and become more familiar with Javascript, CSS and HTML which is good as it means my knowledge is increasing. Overall, good progress today can’t wait for tomorrow.

Spent all of today learning how css worked. This is because I am doing this challenge to start coding and have basically no coding knowledge. Took a long time to understand all the concepts and how to make stuff look good in css. I am pretty happy with how my whiteboard turned out. Now I just need to add all of the javascript functionality and save it to the browser which I assume will take me longer than learning the css. Very happy with how my learning is going and I am excited to learn more!