FocusTime

Inspiration:

The inspiration for FocusTime came from the desire to help individuals overcome productivity challenges and stay focused in an increasingly distracting world.

What it does:

FocusTime is a productivity tool that allows users to create personalized pomodoro-style work sessions. It provides customizable work and break durations, soothing background music, and seamless transitions between work and break periods.

How we built it:

FocusTime was built using a combination of frontend technologies including HTML, CSS, and JavaScript. It was my first time dealing with backend development in a webpage, and I utilized JavaScript for the backend logic. Bootstrap framework was used for styling and layout. Additionally, the YouTube API was integrated to fetch and embed popular music videos based on user preferences.

Challenges we ran into:

While developing FocusTime, I encountered challenges with managing the time difference between my initial estimations and actual development progress. This resulted in having less time than anticipated to complete all desired features. Nonetheless, I was able to prioritize and deliver a functional version. Additionally, integrating the YouTube API and synchronizing the timer with animations posed technical hurdles that required problem-solving and experimentation.

Accomplishments that we're proud of:

Despite the time constraints, I am proud of successfully implementing the core features of FocusTime, such as the timer, animation, and music integration. It was a significant achievement to navigate the challenges and create a functional application that can help users improve their productivity.

What we learned:

Developing FocusTime provided valuable learning experiences. I gained a deeper understanding of using the YouTube API and integrating external APIs into web applications. Furthermore, this project served as a valuable introduction to backend development and taught me how to handle server-side logic. Additionally, I acquired new skills in creating smooth animations using CSS and JavaScript.

What's next for FocusTime:

In the future, I plan to continue improving FocusTime by adding more features, such as user profiles, progress tracking, and additional customization options. I also aim to refine the user interface and user experience based on feedback. Continual optimization and expansion will be the focus as I strive to create a more comprehensive and polished productivity tool.

Built With

• bootstrap
• css
• html
• javascript
• youtubeapi