Fylo Data Storage: Mobile first responsive using flex box and JS.

What are you most proud of, and what would you do differently next time?

I’m most proud of extending a CSS-only challenge into a fully interactive component using JavaScript. I implemented dynamic progress updates, localStorage persistence, mobile and desktop interaction differences, animated transitions, and responsive reinitialization without refreshing the page. This helped me think beyond just layout and focus on application logic and state management.

Next time, I would structure my JavaScript in a more modular way from the beginning instead of refactoring later. I would also improve accessibility (ARIA attributes, better keyboard support) and organize my CSS with a more scalable methodology.

What challenges did you encounter, and how did you overcome them?

I’m most proud of extending a CSS-only challenge into a fully interactive component using JavaScript. I implemented dynamic progress updates, localStorage persistence, mobile and desktop interaction differences, animated transitions, and responsive reinitialization without refreshing the page. This helped me think beyond just layout and focus on application logic and state management.

Next time, I would structure my JavaScript in a more modular way from the beginning instead of refactoring later. I would also improve accessibility (ARIA attributes, better keyboard support) and organize my CSS with a more scalable methodology.

What specific areas of your project would you like help with?

I would like feedback on:

Whether my JavaScript structure is clean and scalable enough for larger projects.

If my approach to handling responsive logic (mobile popup vs desktop input) is efficient or if there’s a better pattern.

Suggestions on improving accessibility for custom sliders and dynamic components.

Best practices for organizing CSS in larger real-world projects.

I’m especially interested in feedback on code structure and architecture rather than just styling.