Mood Flow

Homepage
AI Insights

Inspiration

We were inspired by the growing focus on mental health and the power of tracking emotions to foster personal well-being. Mood Flow aims to provide a sleek and engaging platform for users to visually document their daily moods, reflect on patterns, and maintain a positive outlook.

What it Does

Mood Flow allows users to:

Log daily mood entries through an interactive calendar.
Attach personal notes or photos for deeper reflection.
Track emotional trends over time to better understand their mental health journey.
Personalize their profiles to create a unique emotional narrative.

How We Built it

Frontend: Built using React for a responsive user interface.
Styling: Utilized CSS for sleek design and responsive layouts.
Routing: Integrated React Router for seamless navigation between pages.
State Management: Managed component states and user data through React hooks.
Version Control: Maintained collaboration and code integrity using GitHub.

Challenges We Ran Into

Implementing smooth UI transitions between pages while maintaining a persistent header bar.
Designing a user-friendly and visually appealing mood-tracking interface.
Handling dynamic updates to the calendar for mood entries.
Integrating proper state management to reflect user data without refresh delays.

Accomplishments that We're Proud of

Developed a fully functional and visually appealing mood-tracking app within a limited timeframe.
Created a seamless and engaging user experience with persistent navigation and responsive design.
Overcame complex challenges in state management and routing to build a smooth interactive experience.

What We Learned

Improved skills in React and state management using hooks.
Gained experience in UI/UX design and optimizing user flows.
Enhanced collaboration and project management skills in a fast-paced development environment.