Gnosity

A look into the dashboard!
Using Cline to add an anxiety-friendly quest card that collapses with a comforting message to reduce overwhelm and boost motivation
Login UI

Inspiration

Many start learning something but later give up because they don't see the progress they've made. Progress often feels invisible, and it leads to demotivation, and many focus only on the outcome. As a result, they give up. Meanwhile, gaming excites people and keeps them motivated and driven because every small action contributes to visible growth, whether it's levelling up a character or ranking up in a competitive game.

So what if learning felt like a game?

To-do lists or your learning goals turn into quests!
No invisible progress anymore~ You earn EXP and level up your stats!
You're not working alone! You got a mascot companion cheering you on!

✨Introducing Gnosity✨

What it does

Gnosity gamifies productivity and learning. It turns everyday tasks into quests, tracks progress as skills and EXP, and rewards consistency with levels, tokens, and a mascot companion that you can level up. Instead of chores, your growth feels like a game, motivating and fun.

Installation:

Clone the repo: git clone , Go into the folder: cd , Install dependencies: npm install, Start the app: npm start

How we built it

UI/UX: Used Figma for wireframing and designs
Front-End: Built with React and Vite
Version Control: Collaborated using Git & Github
AI Tools (Cline CLI): We used Cline CLI to prototype and troubleshoot features rapidly. One key feature it helped us build was an anxiety-friendly view for the quest card. The user is given an option to collapse the quests card with a supportive message that helps users feel more comfortable and motivated.

⚔️Challenges we ran into

Time Management: As beginners in hackathons, we struggled to balance our ambitious goals with the limited time available.

High Expectations: We set the bar very high for ourselves, which made it challenging to prioritize and finish everything we wanted to build.

Learning Curve: Since this was our first hackathon, we had to quickly adapt to new tools, workflows, and collaboration styles while still delivering a working project.

Accomplishments that we're proud of

Team Growth: We're proud that we maanged to bring our ideas to life and learned new tools along the way.

UI Design: We're proud of the UI design as we spent time to cater to our targeted users to make it fun and engaging!

What we learned:

Time managing ourselves while under pressure, set goals and learning to prioritize key features.
Collaborating as a team.
Learned new tools such as React!

What's next for Gnosity

-Skill Analytics: Visualize how users grow across different skill categories over time, with charts and insights. -AI Integration: Integrate AI to help users break down learning goals into personalized quests, offering supportive advice and manageable steps to make progress feel achievable and motivating.

DEMO: link