Quiztopia

Home screen
A question screen
Correct Answer
Incorrect Answer
Login Screen
Account Creation

Inspiration

We're a group of 3 trivia nerds. Back in high school when we competed in Quiz Bowl competitions as a team, we noticed that practicing trivia questions was often a hassle of a process, and a tool where one could open and practice at will did not exist. So, we created this app.

What it does

Quiztopia has a question bank of nearly 4000 problems all in the format, of a question, 4 possible answers, and one correct answer. Users begin at 800 elo by default, and can create an account to save their elo progress on the global leaderboard.

How we built it

The frontend is built completely in React Native, and the backend is built using AppWrite. Expo was used to test the app.

Challenges we ran into

Due to our lack of experience collaborating on a single repository, we ran into many issues of dealing with potential merge conflicts. React-Native and Appwrite are also fairly incompatible as frameworks, so we were also limited in that aspect.

Accomplishments that we're proud of

As beginner-level hackers, we're very proud of what we were able to put out in these 36 hours. A robust, visually-appealing trivia app with nearly all of its intended functionalities successfully implemented was well past our expectations, and we were able to pull it off.

What we learned

As a team, we were all especially inexperienced in backend development and had to spend a good portion of our time learning before deciding what to do. In these past 36 hours, we learned how to connect a backend and a frontend together, how they are able to communicate with each other, and the importance of a sturdy backend. We were also relatively inexperienced in using React-Native and mobile development in general, so we gained a lot of valuable experience in programming, testing, and deploying code for a mobile app.

What's next for Quiztopia

We're looking forward to adding a variety of other features to Quiztopia after the hackathon is over. Primarily, we'd like to implement a competitive ranked ladder with monthly elo resets to further separate our app from more casual trivia apps. We'd also like to add modes, like a timed mode or 1v1 mode, as well as allow users to pick a specific genre or question difficulty to practice. Finally, we'd like to implement QoL changes such as a place to change styling/interface within the app itself.

Built With

Submitted to

QHacks 2023

Created by

I worked on the frontend of the app using React-Native in conjunction with HTML/CSS for styling, giving the app a sleek and minimalistic look. I implemented the answering system, the login system, and the leaderboard, accessed through the easy-to-use UI. We deployed the app to Expo for testing.

Samuel Zheng
I worked on both the frontend and backend of the app, implementing specific features like pulling randomized questions from the database using GET requests and posting user information to Appwrite through the authentication system. I also designed a prototype for the project in Python using tkinter that we based our final designs off of.

Richard Zhu
I primarily worked on the backend of the app. We at first planned on using Express.js as well as MongoDB, but later decided to use Appwrite as it offered a more easier way to create the backend. I set up the trivia questions gathering, as well as user authentication and log ins. I plan to continue this project by implementing ranking and "elo" for correct trivia answers.

Brasen Xu

Updates

Richard Zhu started this project — Jan 29, 2023 08:29 AM EST

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.