21 projects

21 beginner projects, i think....mostly JavaScript

(help and/or advice is welcome)

1. To-do

Level:

• Beginner (Easy)

Comments:

• To be honestly honest, i nearly gave up on something that is supposed to be easy when i realized that i didnt know how to implement the delete button. But i didnt. And inevitable, eventually, i figured it out!

Bugs to fix:

• Update list after add/delete without reloading everything bc it removes the checked properties
• When the array is empty, the last deleted element stays...why?
• Unaligned display!
• CSS and styling
• There has to be a more efficient way to implement the delete button...but for now, im proud of my work :>
• perhaps change the bkg colour of checked todos?
• add responsiveness for longer todo texts?

Updates: 21/03/2025

• implemented the delete button :>
• used crypto.randomUUID() to generate a random id
• the input empties out after you click 'Add'
• fixed the empty array discrepancy by force setting the arr to [] when todos.length === 0. Now displays a cute little 'Nothing to see here!' message when the array is empty :3
• fixed the 'checked' property issue.
• added memory (local storage)

09/04/2025

• used JavaScript "createElement" to add todos rather than alter elem.innerHTML as a str which was reassigning a new string every time. Now, it doesn't do that!
• adding a proper style.css file
• fixed alignment

2. Expenses Tracker

Level:

• Beginner (Easy, surprisingly)

Comments:

• Tried out html tables for the first time >;>
• I expected to struggle (i didn't)
• Got carried away with the css...but not too much!

Bugs to fix:

• Add array functionality to enable deleting items.
• Rn, only big brain people will know that the random input field with the 1 is a quantity counter.

3. Portfolio

Level:

• Fun

Comments:

• Wanted to have fun with this one...much said...
• took a lot of time to get this one out cuz i took more than a few business days to wallow in depression and self pity ;]
• Played around with color a bi :3

Bugs to fix: