DubQuests

A wellness app where you complete quests to practice self-care and connect with others. What will you achieve today?

Comment

Inspiration

We were inspired by a wide variety of wellness apps, as well as "anti-social media" sites such as BeReal. We aimed for DubQuests to be an app that uses the medium of the mobile device to, somewhat ironically, incentivize people to explore the world beyond their screen and connect with others in person.

What it does

DubQuests is a web app that allows UW students to complete quests through photo submissions and compete with friends to race to the top of the leaderboard. Each quest is designed to promote wellness and foster connections with the campus and other students to build a closer community.

How we built it

We built DubQuests using HTML, CSS, JS, Express.js, Node.js and PL/pgSQL, collaborating together through Visual Studio Code's Liveshare feature while consolidating all changes through a Github repository. We first prototyped our design in Figma using Figma Sites, and translated it to a web version afterwards. Our website is hosted on a Netlify domain, the backend on Render and the images are stored in AWS S3.

Challenges we ran into

We originally intended DubQuests to be a mobile app developed in Expo, but ran into issues with compatibility and platform development. As a result, we switched over to building a web app with mobile support instead. Additionally, maintaining backend support to manage quests was a bit of a hassle; we have included a functioning sign in/sign up feature and profile picture storage in a database as a proof of concept for potential extended backend implementations further down the line.

Accomplishments that we're proud of

We are proud of our demonstrated ability to collaborate with each other remotely through Github and simultaneously through VSCode, as well as our ability to build prototypes in Figma and communicate design choices through visual mockups and presentations.

What we learned

We learned lots about the development process and which features should be prioritized first during development to ensure functionality. We also learned lots about collaborative development environments and collaborating with other programmers effectively.

What's next for DubQuests

After implementing the rest of the intended functionality of our app, we hope to integrate AI to verify that photos submitted to quests match the prompt. We furthermore hope to partner with various on-campus organizations (like student RSOs) as well as local businesses on University Ave to create tie-in quest events that further connect our app to the community on the UW campus and beyond. We also hope to implement more safety and social features to foster an inclusive and welcoming community on our app.

Share this project:

Updates