🌘 JS calculator progress:

• Event delegation on number keys
• Detect clicks via e.target.closest()
• Updating the input display with the retrieved value

Defined features and logic step by step in natural language first.

#buildinpublic
#JavaScript

📚 What I learned today:

• Building a counter taught me how important it is to separate data (logic) from UI (display).
• Instead of manipulating the UI directly, it’s better to apply changes to the data and reflect only the result in the interface.

#JavaScript

Deployed 🚀
global-music-finder.vercel.app

• Search music by country
• Copy track & artist names (useful for browser / app searches)
• Listen to previews
• Each tab has its own style

Responsive layout in progress…✨

#BuildInPublic
#indiedev
#musicdiscovery

🌘 Small Implementation Note:

- Added data attributes to the body element to control global CSS styles
- Pressing a tab switches the overall visual theme
- Simple, flexible, and enjoyable to work with

#buildinpublic
#JavaScript

👩🏻‍💻 Today’s takeaway:

I clarified the concept of state in JavaScript by implementing a play button.

State represents the current condition of the UI, such as play, pause, or ended.
A switch statement works well for handling logic that depends on state changes.

#JavaScript
#buildinpublic

Today’s progress 📋

• Added a copy feature
• Used data attributes for copy buttons generated via template literal HTML 🔑
• Avoided assigning individual ids to each button

This approach keeps the implementation simple.

#JavaScript
#buildinpublic

🎧Dev note

While building a music search app, I tried the iTunes API.
Free to use, no registration required — easy to experiment with.

Good practice for JavaScript, especially fetch, async/await, and Promises.

iTunes API docs 👉🏻developer.apple.com/library/archiv…

#buildinpublic

🎨 CSS note

Context:
Table row styling

Details:
Applied tbody tr:nth-child(2n)

Effect:
Alternating background colours for odd and even rows, improving scanability ✨

#CSS
#WebDevelopment
#buildinpublic

Learning note:
• Asked Claude to explain the logic step by step, without functions
• Refactoring afterwards helped me see the execution flow and each part’s role

Quiet progress, but this is how understanding slowly builds 🧩

#buildinpublic
#JavaScript

Today’s progress:
• Fetched & displayed tracks grouped by country.

Slow, steady shipping 🚢

#buildinpublic
#JavaScript