Multi-Category and Bilingual Browser-Based Quiz Application

Name: Multi-Category and Bilingual Browser-Based Quiz Application
Author: Autumnnus

A modern browser-based quiz application developed with Vanilla JS, offering easy language and category selection.

Quiz Website

Short Description

In this project, I developed a browser-based quiz application that functions with multiple categories and supports two languages.

Problem

In small quiz projects, language selection, category filtering, and time management often remain scattered. In this project, I focused on making this flow clearer and faster on a single screen.

Solution

I structured the application in a modular fashion using Vanilla JavaScript. I separated the quiz state within quiz.js, UI updates in ui.js, and event management in script.js. It supports English and Turkish languages, includes Math, History, Geography, and a Mixed category, along with a 10-second timer and a progress bar.

Result

The outcome is a quiz experience that opens directly in the browser without any installation, offering a clean flow. The project, though small-scale, clearly demonstrates state management, timer logic, and the implementation of a multilingual interface.

Technologies

HTML5, CSS3, JavaScript, Bootstrap 5, Google Fonts, Font Awesome

Installation

bash

<pre><code>git clone https://github.com/Autumnnus/Quiz-Website.git cd Quiz-Website open index.html</code></pre>

Loading Code...

Related Projects

Interactive Weather Interface Project Developed with Vanilla JavaScript

Completed

A web-based weather application developed with vanilla JS, featuring real-time weather and a 5-day forecast using the OpenWeatherMap API, with a dynamic background.

JavaScriptCSSHTML5

Country Information Web Application: API Integration and Frontend Development

Completed

A modern frontend project that fetches country data from a REST API, displaying information such as flags, population, and region. Developed with HTML, CSS, and JS.

JavaScriptCSSHTML5

Comments (0)

View All