Wonder Lens

Snap, smile, and wonder! Wonder Lens uses Groq-powered AI to spark curiosity in kids, creatives, and adults alike. Explore the world through imagination-driven prompts and a whimsical design.

Comment

Wonder Lens

✨ Inspiration

We wanted to remind kids, and adults too, how fun it is to simply wonder.
In a world filled with screens and quick rewards, Wonder Lens encourages slowing down, noticing small details, and seeing familiar things differently.
We designed it for kids because they deserve technology that feeds their curiosity instead of replacing it.

📸 What It Does

Wonder Lens is a playful camera app powered by Groq AI.
It gives short imagination prompts like:

“I wonder... can you find something that sparkles in nature?”
“I wonder... can you find something that is hidden in plain sight?”
“I wonder... can you capture an interesting shape in the landscape?”

Users take photos, name their discoveries, and save them in a soft, kid-friendly gallery with timestamps and gentle color tones.
The goal is to make curiosity feel natural and creative again.

🛠️ How We Built It

We built Wonder Lens using HTML, CSS, and JavaScript, since our team came from different backgrounds—C, Python, and Java—but shared familiarity with web technologies.
JavaScript gave us direct access to the browser’s camera API, making it easy to integrate live video capture with AI-generated prompts.

  • Frontend: HTML, CSS, and Vanilla JS for responsive design and camera access
  • AI: Groq API for generating creative imagination prompts in real time
  • Storage: Local browser storage for saving photos and captions
  • Design: Pastel palette, round shapes, and simple typography to make it inviting for kids

Challenges We Ran Into

We faced merge conflicts, camera bugs, and broken styles at the most unpredictable moments.
Integrating AI without disrupting the camera flow took careful debugging.
Designing for children required balance—playful but not childish, simple but still modern.
Through it all, we learned to communicate clearly and trust each other’s creativity.

Accomplishments We’re Proud Of

  • Integrating Groq AI into a working front-end camera app
  • Creating an interface that feels lighthearted, gentle, and imaginative
  • Merging everyone’s contributions into a unified experience
  • Keeping a sense of play and teamwork alive until the very end

What We Learned

We learned how to connect AI into the browser, manage shared code across styles, and design with empathy for young users.
We also learned that staying curious while building is the best way to create something meaningful.

What’s Next for Wonder Lens

Next, we want to explore computer vision so Wonder Lens can recognize objects and “sticker-fy” what kids find.
Imagine pointing the camera at a tree, rock, or cloud and getting a fun collectible sticker while learning about it.
We also want to add soft background sounds, creative badges, and offline exploration modes to keep the sense of wonder alive anywhere.

✨ Built with curiosity, care, and laughter by the Wonder Lens team at Knight Hacks VIII.

Built With

Share this project:

Updates