Quizzly
Full-Stack Engineering & Product Design

A quiz platform to assess student understanding in real-time

Quizzly
When2016
ForUniversity of Southern California
Sector
Education
Discipline
Full-Stack EngineeringProduct Design
Technologies
ReactReact NativeExpress.jsMongoDBSails.jsSocket.ioWebpack

About the Company

Quizzly is a web, iOS, and Android application that allows professors to create quizzes and then quiz students in class in real-time.

My Story

Quizzly was my senior Capstone Project at the University of Southern California, where I led a team of 6 other students to build a full-stack application using React, React Native, and Electron. The project was inspired by my professor, Dr. Jeffrey Miller, who needed a way to gauge student comprehension and engagement during lectures. This experience taught me valuable lessons in team leadership, cross-platform development, and building solutions that directly address real-world educational challenges.

The application was a web application ported to Electron and React Native for macOS and iOS. I used Socket.io for real-time communication between the frontend and backend. I used Sails.js ORM for the scaffolding, boilerplate, and ease of adoption.

Retrospective

As this was one of my first big project undertakings, I would do a lot of things differently today. I would implement better frontend state management to handle the complexity of real-time quiz interactions. On the backend, I would use Sequelize ORM over Sails.js, as Sails.js is more rigid and Sequelize offers more freedom for better practices and more flexible database interactions.

Quizzly 1
Quiz creation interface
Quizzly 2
Live quiz question
Quizzly 3
Quiz class organization interface
Quizzly 4
Quiz question and answer edit view