Here’s How I Created a Quiz App for Remote Team Building

Here’s How I Created a Quiz App for Remote Team Building

In this article, check out how a developer built a quiz application that integrates with Salesforce for remote team building. As a Salesforce Application Architect and consultant, I spend most of my day on the platform, but I don’t always get the opportunity to try newer technologies to solve real-world problems for my clients, let alone for my own team and on my own time.

The COVID-19 pandemic and statewide stay-at-home orders have caused many companies, including mine, to close their offices, restrict travel, and require all employees to work remotely.

This has caused a major shift in how people interact. But what has made it more manageable is the fact that most of my colleagues and I already knew each other on some level. But what about that new hire who signed on just days after the stay-at-home order went into effect?

As a team lead now, managing a remote team including a new hire who doesn’t know anyone, I wanted to try opening our meetings with something fun. So I built a quiz app on the platform I use all day at work — Salesforce.

Building a Quiz App on Salesforce

As a Salesforce Application Architect and consultant, I spend most of my day on the platform, but I don’t always get the opportunity to try newer technologies to solve real-world problems for my clients, let alone for my own team and on my own time.

Salesforce may not be your first thought when deciding where to deploy an app, but the platform is both highly configurable and increasingly more extensible due to the release of Lightning Web Components Open Source (LWC OSS) and native integration with platforms like Heroku.

I went looking for ideas for how to build a quiz, and I came across this open-source quiz app created by Philippe Ozil, a developer at Salesforce, that was unveiled at Dreamforce 2019. The quiz app is actually two apps — a host app installed into a Salesforce org, and a player app built with LWC OSS that runs on Node.js deployed on Heroku.

The host app is where the host manages the multiple choice quiz questions and answers, real-time quiz sessions, and easy player registration with a URL or QR code. The player app is where anyone with the URL or QR code can join in the fun, no authentication required.

It looked like it would meet my needs out of the box, allow me to explore LWC, practice hosting apps with Heroku, and get better at developing against scratch orgs. Still, I knew that I also wanted to customize the branding and features a bit to really make it my own.

Image for post

salesforce web-components appdev heroku lightning-web-component

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Salesforce Lightning Tutorial

🔥Intellipaat Salesforce Lightning training course: https://intellipaat.com/salesforce-lightning-training/ This salesforce developer training for beginners vi...

Web Component Solutions: A Comparison

Avoiding duplication is drilled into a programmer's head. How does the concept apply to user interfaces? How do you avoid re-writing HTML and CSS constantly?

whatsapp web-w app web-webs whatsapp »

whatsapp web-w app web-webs whatsapp-web.whatsapp.com-wsp web-web.whatsapp.com qr-whats up online-whatsappwebsite

What can salesforce do to help your nonprofit?

With our Salesforce Lightning Training, learn best lightning components & techniques at lightning speed. Our Salesforce Lightning course includes live training sessions

How to Build Progressive Web Apps with Lightning Web Components

Learn how to build Progressive Web Apps with Lightning Web Components (LWC). Learn how simple could it be to use LWC to build an app for push notifications