SideQuest

Inspiration

We originally joined together to ideate multiple ideas and inevitably chose the one that we knew would be a benefit and enjoyment to students all around. Our inspiration really was the students gathered here, everyone forming a sense of community and how hard everyone was working to make their ideas come to life. It was wonderful and we wanted to find a way that we could make the mundane task of tutoring/studying/learning and sharing skills more enjoyable.

it was originally made for students but we wanted to make it more wide-spread to everyone around the world.

What it does

Learning a new skill usually feels like homework. SideQuest transforms your local community into an open-world RPG where neighbors are allies, teaching is leveling up, and every skill swap is an adventure.

Quest Board Browse a Pinterest-style masonry grid of skill-swap opportunities. Each quest shows what you'll learn, what you can teach in return, and the Karma rewards.

Skill Tree Visualize your abilities as a connected node graph. Light up nodes as you master new skills, unlock pathways, and become a multi-class expert.

Proof Gallery Share your completed projects in a social feed. Get reactions, build reputation, and celebrate the amazing things our community creates together.

How It Works Four simple steps to start your learning adventure

Step 1 Browse Quests Explore the Quest Board to find skills you want to learn from locals around the world.

Step 2 Accept & Schedule Click 'Accept Quest' and propose a Raid Time that works for both you and your mentor.

Step 3 Learn & Level Up Meet up, learn the skill, and earn XP and Karma points when you complete the quest.

Step 4 Teach Others Spend your Karma to learn new skills, or create your own quests to teach what you know.

How we built it

We used Figma Make for the website and Figma Slides for the presentation

Challenges we ran into

Figma Make is a new tool for the both of us so using it needed a decent experience with prompt engineering, luckily I've been studying GenAI that has some prompt engineering in there so i got the ideas that are in our heads into Figma Make quite clearly

Another thing we faced is that Figma Make isnt the best when it comes to making themes (Light/Dark Mode) sounds easy to code but having to use Figma Make throughout was quite tough, not to mention it forgets what it did a little while back so you have to remind it of what the changes were and very clear with your description when it comes to

Accomplishments that we're proud of

1. The engagement features we've added such as Achievements, Karma History, the ways of gaining Karma. and the best part? theyre all functional

2. We made sure all the accessibility features we can work on such as font size and theme are working perfectly.

   What we learned

   We had never used Figma Make before, in fact, we hadn’t even heard of it before this project. Throughout the process, we learned how its prompting system functions, as well as how the point-and-edit feature works. I found this feature impressive; it allows you to select specific HTML elements, describe the changes you want, and have the tool update only that portion of the file. It also asks if you want the modifications before applying them, which made the workflow feel safe. Another feature I appreciated was the ability to revert to previous versions of the file, making experimentation much less stressful because we could always just go back.

My partner, Emma, who took the lead on ideation and the final presentation, also experienced an important learning moment: the idea that “less is more.” Her initial slide deck was visually overwhelming, but after receiving feedback from the mentors, she simplified her content significantly. The result was a cleaner, more focused presentation that felt like a polished pitch rather than a collection of ideas and iterations.

What's next for SideQuest

Transition it from a Figma Make project to a real world application

Built With

• figma