Flow State

Landing Page
Log In Page
Sign Up Page
Store Page - Environments
Store Page - Sounds
Spin the Wheel Game to earn more "Notes"
Profile Page
Dashboard
Underwater Region
Rainforest Region
Cafe Region and To-Do List

Inspiration

Our team was motivated by a desire to help students focus and get their daily tasks done. We specifically tailored our web app towards neurodivergent students experiencing ADHD. Research shows that neurodivergent students benefit from distraction-free learning environments, visual and auditory stimulation, and well-defined study schedules. Our application gamifies productivity to make focus fun and encourages our users to reach their goals without the stress of high-friction starting points. We drew a lot of inspiration from similar apps, such as LifeAt and Hank Green's mobile app, Focus Friend.

What it does

Our app offers personalized soundscapes and productivity tools specifically designed for neurodivergent individuals, particularly those with ADHD. The primary tools include Pomodoro timers, as well as non-clock timers for those who get stressed about the countdown. We also include a gamification aspect and micro-rewards to make the experience more fun and rewarding. After users finish focusing for the duration of the timer, they receive "Notes" as a reward, which can be used to unlock various regions (e.g., Cafe, Rainforest) and ambient sounds.

Our app not only provides built-in ambient sounds, but also the option of AI-generated sound effects for those who want to tailor their own experience. With the ElevenLabs API, users can input a prompt for the sound effect they want, and the audio will loop throughout the duration of the timer.

How we built it

To start our project, we used Figma for brainstorming and designing. After that, we used the FERN stack (Firebase, Express, React, Node) to build our dynamic web app, in addition to the ElevenLabs API for generating sounds with custom prompts.

Challenges we ran into

One learning curve we encountered was with the ElevenLabs API, which none of us had experience with using. Formatting with CSS and troubleshooting Firebase were also some time-consuming roadblocks that we encountered. Nonetheless, we gained a significant amount of experience from all the learning we did during the development of this hack.

What's next for Flowstate

If we had more time, we would add more regions and gamification features for a more robust user experience. Additionally, we would add a feature that allows users to "level up" and gain XP points, furthering the gamification aspect of our app. We would also add more interactivity with to-do list tasks by turning each task into an object that blends in with the environment. For example, a task added in the Underwater region would turn into a fish, which you could interact with to view the task. One last main feature we wanted to add, but couldn't due to time, was to reward the user with "Notes" for the number of minutes they completed with the timer.