-
-
App Opening Screen
-
Account Creation Page
-
Login Screen
-
Log Out Page
-
Questboard Page with existing quests
-
Filtering Questboard by Location
-
Filtering Questboard by Date
-
In App Calendar used for Filtering by Date
-
Filtering Questboard by Class
-
Guild Page
-
Guild Information Modal
-
Modal for creating a New Guild
-
Modal with Quest Information, opens with clicking on Quest
-
Posts about Quest in Quest Modal
-
Adding a New Post
-
Creating a New Quest
-
Profile Page: User Level, XP, and Badges
-
Map Page, Displays Locations of Quests
-
Profile Page: Completed Quests
-
Profile Page: User Posts
-
Profile Page: User Stats
Inspiration
We wanted to give people relocating to a new area an easy way to find activities they are interested in. The app is partially inspired by existing applications like Meetup, which gives listings of user-added activities in your area. Our goal was to expand on this to include a wider variety of activities and also "gamify" the process of exploring your surrounding area and meeting new people.
What it does
The focus of the app is its Quest system. All users have a "Questboard" which lists quests added by other users. These quests involve both common activities and exploring your local area. This includes things like attending a local sports game, watching a production of a play, visiting a historical landmark, eating at a popular local place, etc. There is a variety of information associated with these quests including location, class, badges, and date range. The user can filter quests in this way to find things that are most accessible/interesting to them. All users can also make posts under Quests to share their experiences.
There is also a map feature that integrates Google/Apple maps with the app. This displays all quests in a nearby area for users to easily find. They can also filter by distance from their current location on the QuestBoard page.
Completed quests earns your XP and progress on any badges attached to this quest. The app tracks the users stats and displays it to them in the profile page to show them what they are the most interested in. The profile page also displays all of the user's completed quests and past posts.
How we built it
This app was coded in VS code and run using the Expo CLI. It allowed for the use of react-native and Google Firebase in a mobile environment.
Challenges we ran into
The main challenges that we ran into involved integrating Google Firebase databases into our application. Our main prior experience with Firebase involved using it with HTML code, while this project was entirely in react-native. We have also had to make sure that the code we were using allowed for asynchronous real-time updates to the app which wasn't a priority when coding a website that would be constantly refreshed.
Accomplishments that we're proud of
This was the first time that both of us created a mobile application. We are proud of learning the skill required for this in a short timespan and being able to build a functional but still very visually aesthetic app. It was fun to be able to see and run this app on both of our phones.
What we learned
Both of us learned how to use the Expo CLI to code an application with react-native. We also learned how to efficiently link Firebase databases to this application.
What's next for QuestBoard RPG
Future additions will probably include more badges and classes that can be used by/earned by users. This will allow for even greater customizability. Another idea is to integrate business-specific accounts, so local businesses can focus just on adding and monitoring quests, as well possibly providing a way for people to get physical rewards or benefits for completing them.
Log in or sign up for Devpost to join the conversation.