Quizzify

Quizzify is an app in which we can play unlimited quizzes with our friends for free. Gain some more general knowledge while having fun with friends.

Video Introduction πŸ“Ή

This is a small introduction video about Quizzify.

Youtube

Blog ✍

To know more about how I build this project, read my article on https://vaibhav2002.hashnode.dev/quizzify-play-unlimited-quizzes-with-your-friends-for-free

Application Install

You can Install and test latest Quizzify app from below πŸ‘‡

Quizzify

Setup

  • Clone the repository on your machine.
  • Create project in Firebase, enable authentication (email and Google Auth) and download google-services.json and paste in the app folder.
  • Sign up hasura, connect database and do the following:

Open secrets.xml and google web client url for Firebase google auth

<!--    add your google web cient id here-->
<string name="web_client_id"></string>

Open GraphQLSecrets.kt in util package and add your Hasura credentials

//Add your hasura url here
const val HASURA_URL = "" 

//Add your hasura websocket url here (same as hasura url but with wss in place of https)
const val HASURA_WEB_SOCKET_URL = ""

//Add your hasura secret key here
const val SECRET_KEY = ""

About

It uses Firebase and Hasura as its backend. It uses Firebase for email based auth and Google auth and Hasura as GraphQL Api to access the database.

  • Fully functionable.
  • Clean and Simple Material UI.
  • Best and Clean Code Quality following Modern Android Development.

App Features

  • Onboardng – Quizzify has a beautiful user onboarding process.
  • User Authentication – Supports email based as well as Google authentication
  • Home – Home screen shows the top 5 popular community quizzes, option to start an Instant quiz and to join an exisiting quiz game using invite code.
  • Communtiy – Shows list of all community made quizzes with option to search and filter based on category. It also allows user to create a new community quiz.
  • Create Quiz – Users can create quizzes and contribute to the Quizzify community.
  • Favourites – It list all the quizzes the user has marked as favourite.
  • Profile – Shows user’s profile.
  • About – Shows information about the app like its version number and more.
  • Quiz Detail – Shows details of the quiz select and option to start game with friends as well as solo.
  • Game Screen – Screen where user plays the quiz in real-time with their friends

Insights into the app πŸ”Ž

Quizzify - slides.gif

Quizzify has a sleek, modern looking minimalistic UI which makes it easy for people of every age group to use. πŸ”₯

Untitled design.gif

Quizzify has a easy and simple user onboarding process. 😁

Untitled design (1).gif

Quizzify uses Firebase for authentication. It supports email-based authentication as well as Google authentication with upcoming support for Facebook auth.

Untitled design (2).gif

Select whatever quiz you want to play and have fun time with your friends and gain some more general knowledge while playing.

Untitled design (3).gif

Play quizzes in realtime with friends with live rank and score tracking and enjoy a simple and easy game experience.

Untitled design (4).gif

You can even create quizzes of your own and play with friends. So go on, create quizzes of your own and contribute to the Quizzify community.

πŸ“Έ Screenshots

Technical details

  • Quizzify uses Firebase for user authentication, it supports email based authentication and Google authentication
  • Quizzify uses Hasura Cloud’s PostgreSQL as it’s primary database.
  • Quizzify uses Hasura’s GraphQL API to access the database and is much easier to work with compared to a REST interface.
  • Quizzify has full offline support, it uses Android’s ROOM database for caching all data offline.
  • Quizzify is made using Kotlin and following Modern Android Development practices.
  • Quizzify uses Kotlin Coroutines and Flow to handle all asynchronous tasks.
  • Quizzify uses all Jetpack libraries and follows MVVM architecture. It also has a G.O.A.T rating in Android’s M.A.D scorecard.
  • Quizzify’s code follows all the best practices and software development principles like SOLID which make it a very good learning resource for beginners as well as for people looking to improve thier software design skills.
  • Quizzify’s code is properly linted using Ktlint.

summary.png

Built With πŸ› 

  • Kotlin – First class and official programming language for Android development.
  • Coroutines – For asynchronous and more..
  • Flow – A cold asynchronous data stream that sequentially emits values and completes normally or with an exception.
  • StateFlow – StateFlow is a state-holder observable flow that emits the current and new state updates to its collectors.
  • SharedFlow – A SharedFlow is a highly-configurable generalization of StateFlow.
  • Android Architecture Components – Collection of libraries that help you design robust, testable, and maintainable apps.
    • ViewModel – Stores UI-related data that isn’t destroyed on UI changes.
    • ViewBinding – Generates a binding class for each XML layout file present in that module and allows you to more easily write code that interacts with views.
    • DataBinding – Binds data directly into XML layouts
    • Room – Room is an android library which is an ORM which wraps android’s native SQLite database
    • DataStore – Jetpack DataStore is a data storage solution that allows you to store key-value pairs or typed objects with protocol buffers.
  • Dependency Injection
    • Hilt-Dagger – Standard library to incorporate Dagger dependency injection into an Android application.
    • Hilt-ViewModel – DI for injecting ViewModel.
  • Backend
    • Firebase
      • Firebase Auth – To support email based authentication and Google authentication
    • Hasura – Blazing fast API performance, that’s remarkably easy to scale
  • GSON – A modern JSON library for Kotlin and Java.
  • Apollo Kotlin – A strongly-typed, caching GraphQL client for the JVM, Android, and Kotlin multiplatform.
  • Timber – A simple logging library for android.
  • Retrofit – A type-safe HTTP client for Android and Java.
  • GSON Converter – A Converter which uses Moshi for serialization to and from JSON.
  • Coil – An image loading library for Android backed by Kotlin Coroutines.
  • Material Components for Android – Modular and customizable Material Design UI components for Android.

Package Structure

dev.vaibhav.quizzify    # Root Package
.
β”œβ”€β”€ data                # For data handling.
|   β”œβ”€β”€ local           # Room DB, and its related classes
|   β”œβ”€β”€ remote          # Firebase, Hasura and their datasource implementation
β”‚   β”œβ”€β”€ model           # Model data classes and mapper classes, both remote and local entities
β”‚   └── repo            # Single source of data.
|
β”œβ”€β”€ di                  # Dependency Injection             
β”‚   └── module          # DI Modules
|
β”œβ”€β”€ ui                  # UI/View layer
|   β”œβ”€β”€ adapters        # All Adapters, viewholder and diffUtils for recyclerViews
|   β”œβ”€β”€ screens         # All App Screens 
|   └── usecases        # Use-case classes
|
└── utils               # Utility Classes / Kotlin extensions

Architecture

This app uses MVVM (Model View View-Model) architecture.


If you like my projects and want to support me to build more cool open source projects

"Buy Me A Coffee"

Contact

If you need any help, you can connect with me.

Visit:- Vaibhav Jaiswal

GitHub

View Github