Quizly

Build quizzes, take them, and review scores in the browser.
State persists with localStorage. Vanilla HTML, CSS, and JavaScript.

Live Demo  ·  Quick Start  ·  Structure  ·  License

Contents

• Overview
• Features
• Screenshots
• Quick Start
• Project Structure
• Other Design Eras
• License
• Course Note

Overview

Quizly is a single-page quiz platform for instructors and students. Instructors build question sets; students take quizzes and see scores. All data stays in the browser via localStorage so the demo runs without a server backend.

Features

Feature	Description
Roles	Instructor and student flows in one SPA
Question builder	Dynamic questions and choices
localStorage	Quizzes and results stay on the device
Scoring	Immediate results after submit

Screenshots

Landing

Quick Start

git clone https://github.com/cikeyz/quizly.git
cd quizly
python -m http.server 8000
# http://localhost:8000

Project Structure

quizly/
├── index.html
├── script.js
├── style.css
├── LICENSE
├── README.md
└── docs/
    └── screenshots/
        └── landing.png

Other Design Eras

Branch	Description
overhaul/quiz-maker-v1	Early Quiz Maker UI
overhaul/warm-editorial	Warm editorial refresh
overhaul/quizly-zinc	Zinc / cool rebrand

License

MIT. See LICENSE.

Course Note

Built for CMPE 364 (Web and Mobile Systems), Polytechnic University of the Philippines, under Engr. Arlene B. Canlas. Published here as a standalone project.