Daydrop

• 

  Home Page

• 

  Calendar

• 

  Journal

• 

  Export

• 

  Settings

Inspiration

Daydrop began with something personal. During a period when I was struggling with my mental well-being, I wanted to find a way to turn that uncertainty into something that could motivate me to keep going. I was inspired by the idea of making something intangible visible: transforming emotions and personal growth into artwork that I could see take shape.

Rather than letting my struggles define the experience, I wanted to channel them into something creative, meaningful, and encouraging. Daydrop became a way to turn that inspiration into something tangible.

What it does

Daydrop is a creative project that transforms personal experiences into a visual representation of progress. It aims to make something that can otherwise feel abstract or difficult to recognize more tangible through artwork, offering users a visual reminder to keep moving forward.

How we built it

I built Daydrop independently over 36 hours during Hack the Valley. I developed the project in Visual Studio Code using TypeScript, even though Java is the language I'm most familiar with.

Throughout development, I used AI tools - including Muse, ChatGPT, Gemini, and DeepSeek - as learning resources to help me understand unfamiliar concepts, troubleshoot problems, and move from ideas to implementation. I balanced development with commuting to and from campus and trying to get enough sleep, making every hour count.

Challenges we ran into

One of my biggest challenges was learning TypeScript while building a complete project under a tight deadline. Since I usually work with Java, I had to adapt to a different language and its conventions while simultaneously figuring out how to implement and debug new features.

Working solo also meant managing every part of development myself, from figuring out the implementation to testing the experience across devices. Balancing these challenges with commuting and rest pushed me to prioritize, learn quickly, and keep iterating.

Accomplishments that we're proud of

I'm proud that I turned a personal source of inspiration into a working project within just 36 hours. I challenged myself to work independently, explore an unfamiliar programming language, and bring an idea to life through code and visual design.

Most importantly, I'm proud that I transformed an experience that felt difficult into something creative - something I could actually see, interact with, and continue building upon.

What we learned

I learned that developing a project is as much about learning and adapting as it is about writing code. Working in TypeScript pushed me beyond my usual comfort zone, and using AI tools taught me how to seek explanations, explore possible solutions, and learn unfamiliar concepts as I built.

I also learned the importance of breaking a large idea into manageable tasks, testing across devices, and balancing ambition with practical constraints. Building solo within 36 hours showed me that I can make meaningful progress even when I don't know everything at the beginning.

What's next for Daydrop

I envision Daydrop becoming a more personalized, accessible, and expressive journaling experience.

First, I'd like to introduce more aesthetically pleasing artwork and refine the animations to make each visual representation feel more fluid, immersive, and meaningful.

I also want to make journaling more accessible to people who find typing difficult, tiring, or inconvenient. One feature I'd love to develop is an AI-powered camera that can capture handwritten journal entries on paper and convert them into digital entries, allowing users to document their thoughts artistically without needing to type everything out.

Finally, I'd like to improve how Daydrop interprets emotions. Currently, its mood identification relies on a predefined database of keywords, which can miss context, nuance, and the different ways people express themselves. I'd like to explore AI-powered language understanding to interpret journal entries more thoughtfully, taking context into account rather than relying primarily on hard-coded keywords.

Ultimately, I want Daydrop to evolve into a space where people can express themselves in the way that feels most natural to them and transform their reflections into visual reminders of their personal growth.

Built With

• ai/llm
• html/css
• javascript
• localstorage
• react
• typescript