Dayglance: The Story Behind the Extension

🌟 Inspiration

The inspiration for Dayglance came from the desire to make daily life not just efficient but also uplifting and meaningful. We noticed that people often struggle to manage their emotional well-being while juggling responsibilities. Combining AI counseling, astrological insights, and motivational quotes, we aimed to provide a one-stop tool for clarity, guidance, and positivity every single day.

Our goal was simple: help users start their day with a glance at personalized support and inspiration.

📚 What We Learned

Building Dayglance was a journey of discovery and learning:

1. Chrome Extension Development:

   • We deepened our understanding of Chrome's extension APIs, including background scripts, content scripts, and messaging.
   • We learned how to create a seamless user interface that integrates efficiently with browser environments.

2. AI Counseling:

   • Implementing an AI-driven counseling system required exploring NLP techniques and APIs for sentiment analysis and response generation.
   • We discovered the importance of tailoring AI interactions to feel supportive yet non-intrusive.

3. Astrology and Motivational Content:

   • We researched astrological APIs and learned how to structure daily predictions in a user-friendly way.
   • Curating motivational quotes taught us about the value of positive reinforcement in user engagement.

🛠️ How We Built It

The foundation of Dayglance lies in its modular design:

1. Tech Stack:

   • Frontend: HTML, CSS, and JavaScript to build a clean, intuitive interface.
   • Backend APIs: Integrated external APIs for AI counseling, astrology predictions, and quotes.

2. Chrome APIs:

   • Background Scripts: To manage data fetching and event listeners in real-time.
   • Content Scripts: To inject motivational content and predictions into the user’s browser seamlessly.
   • Popup UI: A lightweight design that serves as the core interaction point for users.

3. User-Centric Features:

   • AI-driven suggestions for handling stress.
   • Daily astrological insights based on zodiac signs.
   • Hand-picked quotes that boost morale.

🚧 Challenges We Faced

1. API Integration:

   • Finding reliable APIs for astrology and motivational content that aligned with our vision.
   • Managing latency issues to ensure a smooth user experience.

2. Design Balance:

   • Creating a tool that is informative yet not overwhelming for users.
   • Ensuring the design worked flawlessly across different browsers and screen sizes.

3. AI Personalization:

   • Fine-tuning AI responses to make them feel more human and empathetic.
   • Balancing generality with personalization to ensure relevance for diverse users.

4. Browser Compatibility:

   • Debugging inconsistencies across different versions of Chrome and handling permissions delicately.

✨ The Result

Dayglance is more than just a Chrome extension; it's a companion that empowers users with:

• Practical advice through AI counseling.
• Daily astrological insights to guide decision-making.
• Quotes to inspire positivity and motivation.

We’re excited to see Dayglance become a part of users’ daily routines, helping them approach each day with clarity and confidence.

Built With

• gemini
• javascript