Team QuizMasters present Know It All

An addictive daily quiz where you can compete with friends for the top spot of the leaderboard.

Know It All is a quiz app that presents users with five new questions each day. Users can take part in the quiz without creating an account and upon completing the day's quiz, will be given a score based on the time taken to complete the quiz and the number of correct answers. A daily streak is also calculated based on the number of consecutive days a user has completed the quiz. Users will only get one shot at the quiz each day, until the next set of questions are released!

Creating an account gives users access to extra features including more stats and the ability to unlock achievement badges. Once a user creates an account, they will be given a random avatar and see the extra features within their profile.

Once registered, users can also create their own custom leaderboards and invite their friends so that each day, when a new quiz is released, their scores will be added to the global leaderboard and any custom leaderboards a member is a part of, adding to the competition between friends!

Quizmasters Demo Video | Northcoders Project Presentations

Quizmasters Demo Video | Northcoders Project Presentations

Team QuizMasters

Daniel JamesPreview: Daniel James

Daniel James

Alex CupitPreview: Alex Cupit

Alex Cupit

Zakaria FarahPreview: Zakaria Farah

Zakaria Farah

Felipe CardiniPreview: Felipe Cardini

Felipe Cardini

Tech Stack

The majority of the tech used in Know It All was new to us as we wanted to continue to build on what we had learnt during the bootcamp. We chose technologies such as MongoDB, Atlas Cloud, Firebase, Svelte, TypeScript, DaisyUI and TailwindCSS.

We wanted to test ourselves during the project by introducing new technologies and frameworks that we hadn't previously worked with. On the back end, we chose MongoDB as we wanted to gain experience using non-relational databases after using PSQL on the course. And on the frontend, we chose Svelte due to its gaining popularity and intuitive features we soon discovered from spiking it. We also wanted to incorporate TypeScript to build on our JavaScript knowledge but harness the added features and security that TypeScript can offer.

Tech StackPreview: Tech Stack