I have taken about 1 hour to update my main.js because there were new changes i want to make to my file. So first of all, it started with 4-5 html files each with different features and now i have combined them and commited to github repo. I have made about 2-3 github commits today. Now this project can store your name and save it in your browser and works everytime u comeback to login, and i have changed some behaviours of some buttons in this project. The picture below is the newly updated html file, its basically all 4 html files into one and it really didnt take that much time, even tho there were some bugs but easy to fix.

In css, i learnt things like animation, i also learnt some parts of it from previous hours of working. Here is the code that is included in my project files -

@keyframes slideUp {
from { transform: translateY (20px); opacity: 0; }
to { transform: translateY (0); opacity: 1; }
}

Finally, i have decided to come up with fun features and dont wanna make this project rlly boring. Thats all i have done within 1 hour.