@juny62017

Devlog 10 - Subject Editing Feature

I added a feature that allows users to edit existing subjects.

Previously, once a subject was added, the only option was to remove it and create a new one. This was inconvenient if a user made a typing mistake or wanted to rename a subject.

To improve usability,

I added an Edit button to every subject card. When the button is clicked, the user can enter a new subject name and update the information directly from the planner.

I tested the feature with different subject names and also added validation to prevent empty values from being saved.

I also updated the local storage data after editing so the changes remain available even after refreshing the page.

Devlog 9 - Clear All Subjects Feature

I added a feature that allows users to remove all subjects at once.

Previously, subjects could only be removed one by one.
This worked fine for a small number of subjects, but it could become time consuming if a user wanted to start over with a new study plan.

To solve this, I added a Clear All Subjects button. When the button is clicked, all subject cards are removed from the page and the default empty message is shown again.

I also made sure that the saved data in local storage is cleared at the same time.
This prevents old subjects from coming back after refreshing the page.

After implementing the feature, I tested it with different numbers of subjects to make sure everything was removed correctly.

Devlog 8 - Local Storage Support

I worked on saving data in the browser.

Before this update, all subjects disappeared whenever the page was refreshed.

This meant users would lose their information every time they closed or reloaded the website.

To improve this, I added local storage support.
Now the planner saves subject information directly in the browser. When the page loads again, the saved subjects are displayed automatically.

I spent some time learning how local storage works and testing different situations such as adding subjects, removing subjects, and refreshing the page.
This helped me make sure the saved data stays updated.

Devlog 7 - Exam Countdown Feature

I added an exam countdown feature to the Study Planner.

Each subject already had an exam date, but the date by itself was not very useful. To make the information easier to understand,

I added a countdown that shows how many days are left until the exam.

When a subject is created, the planner now calculates the difference between the current date and the selected exam date.
The result is displayed directly below the exam date.

I also handled a few different situations. If no exam date is selected, the planner shows a message to let the user know.
If the exam date is today, a special message is displayed. If the date has already passed, the planner will show that as well.

After adding the countdown feature, I tested it with different dates to make sure the calculation worked correctly.

Devlog 6 - Progress Tracking

Today I added a progress tracking feature to the Study Planner.

The planner already allowed users to create subjects, add tasks, and mark tasks as completed. To make it easier to see overall progress, I added a progress bar for each subject.

The progress bar updates automatically based on how many tasks have been completed.

If no tasks are finished, the progress stays at 0%. As tasks are completed, the percentage increases and the progress bar grows.

I spent some time testing different situations such as adding new tasks, completing tasks, and unchecking completed tasks. This helped make sure the progress always shows the correct value.

I also added a small percentage display above the progress bar so users can quickly see their current progress without needing to count tasks.

Devlog 5 - Task Completion Feature

I improved the task system by adding a way to mark tasks as completed.

Before this update, users could add study tasks, but there was no way to show which tasks had already been finished. To solve this,

I added a checkbox next to every task.

When a checkbox is selected, the task text gets a line through it.

I also reduced the opacity a little so completed tasks look different from active ones.

Devlog 4 - Adding Study Tasks

I added a task section to each subject.

Until now, the planner could only store subject names and exam dates.

I wanted users to be able to keep track of what they actually need to study, so I added a simple task system.

Each subject now has its own task input box and an Add Task button.

Users can type a study task and add it directly to that subject. The tasks are displayed in a list below the subject information.

While working on this feature, I tested different subjects to make sure tasks stay inside the correct subject card. I also added a small check to stop empty tasks from being added.

I made a few style changes so the task section fits nicely inside the existing layout and remains easy to read.

The planner now feels more useful because subjects can contain actual study work instead of only basic information.

Devlog 3 - Removing Subjects

Now I worked on improving subject management in the Study Planner.

In the previous version, users could add subjects, but there was no way to remove them if they made a mistake or no longer needed them.

To solve this, I added a remove button to every subject

Now each subject has its own button, and clicking it will remove that subject from the page.

I spent some time testing different situations to make sure the correct subject is removed each time.

I also noticed that when all subjects were deleted, the page looked a little empty. Because of this, I brought back the “No subjects added yet” message whenever there are no subject on the screen.

This makes the page feel more complete

I made a few small style changes as well

This update makes the planner easier to use because users can now both add and remove subjects whenever they want.

Devlog 2 - Adding Subjects

NOW I started working on the first main feature of the Study Planner…..

I used Java to connect the form with the page

Now when a user enters a subject name and clicks the Add Subject button, the subject is shown in the subjects section.

I also added the exam date to each subject card. If the user does not select an exam date, the boxwill show that no date has been set.

At first, I tested the form with different inputs to make sure it was working correctly. I noticed that users could try to submit an empty subject name, so I added a simple check to prevent that.

I also updated the design of the subjects section a little.
Each subject now appears inside its own box,
which makes the information easier to read and keeps the page organized.

After testing everything a few times,
I fixed some small spacing issues and made sure the form clears itself after a subject is added.

Users can add subjects without refreshing the page, which is an important step before adding more features in future updates.

Devlog 1 -
Project Setup and Basic Layout

Today I started working on my Study Planner project.

First….I created the basic structure of the website using HTML and CSS.

I added a header with the project title and a short description.
After that, I made a form section where users will be able to add subjects and exam dates.

I also created a section to display subjects in the future. Right now it only shows a message saying that no subjects have been added yet.

For styling, I used simple colors and spacing to keep the website clean and easy to read.
I also made sure the layout looks fine on smaller screens.

At this stage…. the website is only a layout and does not have any functionality yet.
The next step will be adding JavaScript so users can actually add subjects.