The problem SlumberSense solves

AI Sleep Coach addresses a widespread issue: poor sleep quality and the challenges people face in improving their sleep hygiene. Many individuals are unaware of the factors that contribute to their restless nights, leading to long-term health problems such as fatigue, reduced productivity, stress, and even chronic conditions.

Key Features of AI Sleep Coach:
Personalized Sleep Recommendations: Provides tailored suggestions based on sleep hours, diet, exercise, and habits to improve sleep quality.

Sleep Diary: Allows users to log and track their sleep patterns daily, making it easy to visualize sleep trends over time.

AI-Powered Sleep Tips: Delivers dynamic, AI-generated tips to improve sleep hygiene, such as adjusting routines or relaxation techniques.

Sleep Data Visualization: Displays sleep data using intuitive graphs, helping users understand their sleep trends and progress.

Gamification and Rewards: Motivates users by offering virtual rewards or points for achieving sleep goals, making healthy habits fun.

Ethereum Wallet Integration: (Optional) Enables users to store their sleep progress on the blockchain or earn tokens for consistent sleep improvements.

Responsive and Beautiful UI: Built with Tailwind CSS, the app has a sleek and responsive design that works well across all devices.

Multi-Page Navigation: Easy-to-navigate interface with sections for home, sleep diary, tips, and rewards, ensuring a user-friendly experience.

Real-Time Sleep Analysis: Offers immediate insights based on logged data, helping users make quick adjustments to their routines.

Health and Lifestyle Tracking: Monitors other lifestyle factors like diet and exercise to provide a comprehensive approach to improving sleep health.

Challenges I ran into

Challenges I Ran Into
Undefined Data in API Calls: Faced issues with undefined API responses, solved by adding error handling and conditional checks.

Ethereum Wallet Integration: Had difficulty with MetaMask connection, resolved by using asynchronous functions and handling account changes properly.

Dynamic Tailwind CSS Styling: Managing dynamic styles was challenging, but I used @apply and React state management to ensure responsive and conditional styling.

State Management Across Pages: Needed to maintain global state across multiple pages, handled using useState and useContext for seamless data flow.

Real-Time Data Visualization: Formatting sleep data for Recharts and ensuring responsiveness of graphs was tricky but achieved by using ResponsiveContainer.