Questify

• 

  App Routes

• 

  Pet knowledge

• 

  Skill page

• 

  Quest generation flow

• 

  System architecture

• 

  Data persistence flow

• 

  Website Demo

• 

  Website Demo

Inspiration

Most self-improvement tools are either too vague or overwhelming. People set goals but don’t know what small step to take next. We wanted to make progress feel simple, actionable, and engaging.

What it does

Questify turns real-life goals into game-like quests using AI. Users get small, actionable tasks, earn XP by completing them, and watch their pet rock grow as they make progress. It creates a simple loop: generate → complete → progress.

How we built it

We built a full-stack web app using React for the frontend, Node.js/Express for the backend, and localStorage for persistence. The backend generates structured quest data using AI, while XP and progression are handled with rule-based logic.

Challenges we ran into

Balancing AI creativity with reliability was challenging. We needed consistent outputs, so we enforced a strict JSON structure and kept core logic outside the AI. We also had to limit scope to focus on the core experience.

Accomplishments that we're proud of

We built a complete working loop: generating quests, completing tasks, earning XP, and visualizing progress through a growing pet rock. The app feels cohesive and interactive.

What we learned

We learned that combining AI with rule-based systems creates more reliable products. We also learned to prioritize a strong core experience over adding too many features.

What's next for Questify

We’d like to add adaptive quests, smarter “I’m stuck” help, voice input, and cross-device syncing. We also want to expand the pet system to make progress even more engaging.

Built With

• css
• cursor
• express.js
• javascript
• node.js
• perplexity
• react