This article was originally published here:
https://dev.to/yomna/from-learning-to-building-my-journey-as-a-young-developer-2pa
This is a submission for the 2026 WeCoded Challenge: Frontend Art
StudyMood: A Frontend Experience for Focus and Balance
Show us your Art
Live Application: https://study-mood.vercel.app (frontend ready, backend in progress)
Portfolio: https://yomnachelly.github.io/yomna.github.io/
StudyMood is a Pomodoro-based productivity web application designed to help users stay focused, organized, and balanced during their study sessions.
The interface is clean, minimal, and distraction-free, allowing users to fully concentrate on their tasks while managing their time efficiently.
In addition to this project, I also built my personal portfolio using HTML, CSS, and JavaScript, focusing on simplicity, responsiveness, and clear presentation of my work. It reflects my frontend fundamentals and my ability to design user-friendly interfaces.
Inspiration
The inspiration behind StudyMood comes from a simple idea:
staying productive is not just about working more, but working better.
As a student and developer, I often struggled with focus and time management. I wanted to create a tool that is not only functional, but also visually calming and motivating.
The goal was to design an experience that:
reduces distractions
encourages consistency
promotes a healthy study rhythm
Through this project, I also wanted to express how frontend development can be used to create meaningful and helpful user experiences.
My Code
GitHub Repository: https://github.com/yomnachelly/StudyMood.git
Technical Stack
Frontend: Angular
Backend: Supabase
Deployment: Vercel
Portfolio: HTML, CSS, JavaScript
Tools: Git & GitHub
This project focuses on frontend design, usability, and smooth interaction. While some backend features are still being improved, the main goal was to build a complete and user-friendly interface.
This project represents my transition from learning concepts to building real, usable applications.