Classify is a tool for students that will allow them to track, manage and keep on top of their grades and assignments. I wanted to make this project as there are no good options for students that are completely free and easy to use.
This is Classify, a tool made for students that helps them organise all of their classes, grades and assignments/tasks in one neat place. In the dashboard section you can add classes and your grades for those classes. In the task board section you can add upcoming assignments or tasks you need to do with due dates and in the calendar section, you can see/visualise when your tasks with due dates are actually due! Overall, this project has taught me so much about coding, especially about web frameworks such as React and the classic, HTML, CSS and JS. I am so glad I undertook this journey and I hope you guys enjoy using my project as much as I have enjoyed making it!
Wow. Today I fully refactored Classify from the basic html, css and js to use React through Vite. This was such a huge learning moment as I learned how components, usestate, props, hooks and much more worked. Although, I do admit it was easier because I already had a very good grip on JS, HTML and CSS. The one thing I most enjoyed about React was its ability to neatly split up your code into small sections (components) which makes it very easy to debug and read through. I also loved how you could run a live server with npm run dev. I am super proud of myself for being able to fully transfer over my current project to another framework and I hope you guys enjoy using it as much as I did making it!
Log in to leave a comment
Today I finished off one of the major features of Classify. This was the task bar integration with the calendar. Now any task cards in the task board section with a due date will show up in the calendar which the user can scroll through and see when their projects are due. If a card is due on a day, it will show up as a dot inside the day, this dot will be red if the project is due today or tomorrow, orange if its due in the next 7 days and green otherwise. When a day is selected, any tasks due on that day will show up in the sidebar to the right which allows users to view what tasks are due that day in a nice compact form. Overall, I have had a lot of fun working on this project. School holidays are nearing the end so I am not sure if I will get a chance to start another project. Very proud of myself and what i’ve learnt from starting with some very basic coding knowledge to being familiar and proficient with html, css and js. Hopefully I can keep coding during the school term!
Log in to leave a comment
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!
Log in to leave a comment
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.
Log in to leave a comment
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!
Log in to leave a comment
Today I worked on adding browser storage so that your classes/data could persist on reload/reset. It was a little annoying but I managed to get through. I then added an option to delete assignments as I realised I forgot to add it yesterday. I also got to work on making the Kanban/Task board section of the website. This will allow you to keep track of all your upcoming assignments and sort task into list such as To Do, In Progress, Complete or whatever you decide to name them, I was only able to make the a basic hardcoded structure/layout today but tomorrow I will focus on adding all the functionality.
Log in to leave a comment
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.
Log in to leave a comment
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.
Log in to leave a comment
Spent today just making the basic structure, I hard coded some subjects in to test how they look but I will work on adding functionality in the upcoming days. It looks really bland/black and white right now so I will also need to update the UI. Not bad for the first day.
Log in to leave a comment