Develop

• 

  Home page

• 

  How website work

• 

  Dashboard

• 

  Ai Features

• 

  Habits

• 

  Focus time features

• 

  Ai insights

• 

  Setting toadjust

Inspiration

In today’s fast-paced digital world, people often struggle to maintain a healthy balance between screen time and real life. We wanted to build something that empowers users to reclaim their time and improve digital well-being.

What it does

Develop is an AI-powered digital well-being platform that helps users manage their screen time, boost productivity, and build healthier tech habits. It offers:

• AI insights on usage behavior
• Personalized well-being recommendations
• Interactive dashboard for tracking time/productivity
• User authentication and secure data handling

How we built it

• Frontend: React.js (with Tailwind CSS & Framer Motion for UI animations)
• Backend Services: Firebase Authentication & Firestore database
• AI Integration: Simulated AI recommendations engine
• Deployment: Vercel

Challenges we ran into

• Integrating Firebase smoothly with the frontend
• Optimizing dashboard performance
• Managing state across components efficiently
• Designing intuitive user experience within a tight deadline

Accomplishments that we're proud of

• Fully functional and responsive dashboard
• Clean UI with smooth animations
• Scalable architecture ready for future AI model enhancements

What we learned

• Real-world integration of Firebase Authentication and Firestore
• UI/UX design principles for a user-centered product
• How to work collaboratively and manage time efficiently in a hackathon

What's next

• Add actual AI/ML models to analyze user productivity patterns
• Expand to mobile platforms
• Offer gamified well-being rewards

Built With

• css
• firebase-authentication
• firestore
• framer-motion
• html
• javascript
• react.js
• tailwind-css