LifeOS

🪐 Inspiration We wanted to build something more than just productive — we wanted to build personal.

LifeOS is inspired by the emotional ups and downs of daily life. In a world full of overwhelming apps, we dreamt of a soft, calm space where your moods, routines, and thoughts matter. A beautiful place that feels like your digital home.

💡 What it does LifeOS is an emotion-aware personal operating system. It helps users: 🎭 Track their mood with 5 emotions and personal notes ⏰ Manage their daily routines and mark completed tasks 💸 Monitor budget with income/expense tracking and summaries 🧠 View insights about their mental and financial state 💬 Talk to a cute, supportive floating AI assistant that checks in emotionally 🌗 Toggle light/dark themes for comfort

📅 View past entries using the calendar (coming soon)

🛠️ How we built it Frontend: React + Vite Styling: Tailwind CSS (custom dark/light mode) Animations: Framer Motion Icons: Lucide React Version Control: Git + GitHub

Designed and built from scratch using Ubuntu and love ❤️

🚧 Challenges we ran into Making the design both futuristic and calming Tailwind dark mode + conditional rendering was tricky Creating the AI bubble that feels alive Time pressure — we wanted to add so many things!

Ensuring everything feels like one unified OS, not disconnected apps

🏆 Accomplishments that we're proud of Fully working emotional dashboard in under 48 hours Polished dark/light themes with animated UI Designed everything custom, without templates Seamless user experience that responds to feelings

GitHub pushed, well-documented and hackathon-ready

📚 What we learned Tailwind CSS mastery with dynamic theming Deepened frontend state management and UI logic How powerful simplicity can be when paired with emotion

Importance of mental wellness apps and the user’s feelings

🔮 What's next for LifeOS 📝 Journal diary entries and AI conversations 🧠 More advanced AI features (emotional trends, reminders) 📲 PWA & mobile-friendly support 🧑‍💻 Secure login & cloud backups 🎨 More animations and customizable themes 🫶 Make LifeOS a real everyday product people love

Built With

• framer-motion
• git
• github
• javascript
• lucide-react
• react.js
• tailwind-css
• unbuntu
• vite