Build a JAMB CBT App with SdashAPI
Welcome to the ultimate SdashAPI masterclass. Over the course of this massive 22-part series, we are going to build a fully functional, production-ready Computer Based Test (CBT) engine from absolute scratch using HTML, CSS, and Vanilla JavaScript.
What We Are Building
3.1.1We are going to build a web application that closely mimics the actual JAMB UTME examination environment. Features will include:
- Dynamic subject selection
- Real-time API fetching
- A strict countdown timer
- A grid-based question navigator
- Automatic grading and result generation
The Tech Stack
3.1.2To ensure this tutorial is accessible to every developer regardless of their framework of choice, we will write the entire application using Vanilla JavaScript. There is no React, no Vue, and no complex build tools required. You can follow along with nothing more than a text editor and a web browser. Once you understand the core logic, translating it to your favorite framework will be trivial.
Project Setup
3.1.3Create a new folder on your computer named jamb-cbt-app. Inside this folder, create three files:
jamb-cbt-app/ ├── index.html ├── style.css └── app.js
Link your CSS and JS files inside the <head> of your index.html. You are now ready to begin!