1 of 9

Mentee : Sarthak Jain

Mentor : Rajnish D

CODE4GovTECH 2023

Midpoint Showcase

Embedding QuML player in React Native application

2 of 9

Table of Contents

  1. Introduction
  2. Project Description
  3. Scope of Project
  4. Milestones Achieved
  5. Live Demo
  6. Learnings from project

3 of 9

What is Sunbird inQuiry?

Introduction

  • Sunbird inQuiry is a versatile software building block that facilitates the creation of question banks

  • The tool offers several capabilities, such as organizing questions into sets, configuring their behavior, and publishing them for use on any device.

  • Key features of Sunbird inQuiry include the ability to create question banks, author and publish questions and question sets, and support for various question types, like Multiple Choice Questions and subjective questions.

4 of 9

Project Description

Question set player(QuML) is a player provided by inQuiry to create engaging & inclusive experiences for end users consuming the question sets. The QuML player already exists as web component.

The project's core goal is to make a working version of QuML player using React Native with the existing webComponent.

5 of 9

Project Impact

  • Increasing Reach: In India, many children have access to mobile phones but not computers. To ensure these children can still benefit from educational tools, using QuML Player in mobile applications is crucial

  • Enhanced Productivity: Developers can focus more on building new features and improvements, as they can use this project as there template for integration

6 of 9

Milstones

Milestone 1:

  • Setting up the app
  • Understanding the web component of QuML Player

Milestone 2:

  • Embedding the QuML Player inside the React Native application

Milestone 3:

  • App enhancement
  • Code Generalization

Milestone 4:

  • Building some functionality in the app based on player event (ex - screen orientation, Exit from app, etc)
  • Testing the application to cover the use cases

7 of 9

MileStone Achieved

Milestone 1:

  • Setting up the app
  • Understanding the web component of QuML Player

Milestone 2:

  • Embedding the QuML Player inside the React Native application

8 of 9

Live Demo

9 of 9

Project Learnings:

  • Learned about how webView works.

  • Learned about how to write test cases for React Native application using jest.

  • Learned how contribute to open source projects