Justice

[Justice @justicegoldman]

Day 49 of #100DaysOfCode 🚀

Today was a pretty successful session of code managed to fix a bug with animations, when mark or unmark to-dos with "active" or "completed" filters on

#webdev #buildinpublic #devcommunity

[Justice @justicegoldman]

Day 48 of #100DaysOfCode 🚀

Spent today fighting DOM element ordering bug 💻

#webdev #buildinpublic #devcommunity

[Justice @justicegoldman]

Day 47 of #100DaysOfCode 🚀

Today I continued to fight with the animations and the bugs the caused ⚔️

#webdev #buildinpublic #devcommunity

[Justice @justicegoldman]

Day 46 of #100DaysOfCode 🚀

Today wasn't that productive, I was trying to fix a couple of bugs but couldn't find a solution, so I will come back for them tomorrow 🛠️

#webdev #buildinpublic #devcommunity

[Justice @justicegoldman]

Day 45 of #100DaysOfCode 🚀

Keep working on my to-do app ✨

Today I was fixing some bugs that the state array still causes, which is snapping when adding a new to-do and snapping when switching between filters 🛠️💻

#webdev #buildinpublic #devcommunity

[Justice @justicegoldman]

Day 44 of #100DaysOfCode 🚀

Today I was trying to fix snapping when switching filters to "active" and "completed".

#webdev #buildinpublic #devcommunity

[Justice @justicegoldman]

Day 43 of #100DaysOfCode 🚀

Today I just refactored some parts of the code and was thinking about how to optimize some part of it 💻

#webdev #buildinpublic #devcommunity

[Justice @justicegoldman]

Day 42 of #100DaysOfCode 🚀

Fixed event timing and filter state handling for the "Clear Completed" workflow—no more console errors or stuck state updates! 🚀✨

#webdev #buildinpublic #devcommunity

[Justice @justicegoldman]

Day 41 of #100DaysOfCode 🚀

Added smooth grid-collapse animations for clearing completed todos. No more jarring layout snaps—just butter-smooth slide-ups! ✨

#webdev #buildinpublic #devcommunity

[Justice @justicegoldman]

Day 40 of #100DaysOfCode

Implemented the FLIP technique today for smooth todo list re-ordering! ⚡

Calculating position deltas before DOM mutations and animating back with CSS transforms made list re-sorting feel so fluid.

#webdev #buildinpublic #devcommunity

[Justice @justicegoldman]

Day 39 of #100DaysOfCode 🚀

Fixed a bug in my Todo app today where items were disappearing before their collapse animation could finish. Now everything shrinks and deletes smoothly! ⚡

#webdev #buildinpublic #devcommunity

[Justice @justicegoldman]

Day 38 of #100DaysOfCode 🚀

Refactoring my Todo app to ditch full-list re-renders in favor of direct imperative DOM manipulation

#webdev #buildinpublic #devcommunity

[Justice @justicegoldman]

Day 37 of #100DaysOfCode 🚀

Today refactored a remove todo function — instead of rendering all todos over again, made it just removing a node from the DOM.

#webdev #buildinpublic #devcommunity

[Justice @justicegoldman]

Day 36 of #100DaysOfCode 🚀

Spent today working on "mark a todo" handler and hunting down an annoying micro-blink on item removal and state updates.

#webdev #buildinpublic #devcommunity

[Justice @justicegoldman]

Day 35 of #100DaysOfCode 🚀

Major cleanup on the Todo app today! 🧹

Wrapped up timestamp-based sorting so completed tasks stack naturally, and refactored event handlers to update state directly.

Code feels so much more predictable. ⚡️

#webdev #buildinpublic #devcommunity

[Justice @justicegoldman]

Day 34 of #100DaysOfCode 🚀

Leveling up the Todo app architecture 🏗️

Switched to immutable state updates for checkboxes and added array sorting to group completed items dynamically. Code is getting cleaner every day! ⚡️

#webdev #buildinpublic #devcommunity

[Justice @justicegoldman]

Day 33 of #100DaysOfCode 🚀

Still refactoring the Todo app architecture 🛠️

Switched from CSS collapsing class to filtering state arrays directly before rendering. Leaner DOM, cleaner template functions!

Onward to checkbox state handling ⚡️

#webdev #buildinpublic #devcommunity

[Justice @justicegoldman]

Day 32 of #100DaysOfCode 🚀

Big progress on the Todo app today! 🎯

Refactored deletion and counter logic from direct DOM manipulation to a data-driven approach using array .filter() state management. 💻

#webdev #buildinpublic #devcommunity

[Justice @justicegoldman]

Day 31 of #100DaysOfCode 🚀

Big shift on the Todo app today! 🎯

Replaced direct DOM manipulation with a clean, data-driven array architecture using crypto.randomUUID() and .map().

Tomorrow: Wiring up event listeners 🏗️💻

#webdev #buildinpublic #devcommunity

[Justice @justicegoldman]

Day 30 of #100DaysOfCode 🚀

Polishing UI! 💫

Fixed snapping when adding a new todo. 💻

#webdev #buildinpublic #devcommunity