Skip to content

helenaskagerlid/js-quiz-time

Repository files navigation

venom

📄 About The Project

This quiz page was a team project during our ‘Agile Working Methods’ and ‘Javascript basic’ courses. The focus was to code a quiz page with different features (more info below) using Typescript and also cooperate using agile working methods such as Scrum. We worked together during four weeks where we had Scrum meetings every working day. We divided our work in different sprints and had sprint retrospective meeting after each. Everyone had the role of being the scrum master and we split up the project among the whole team.

📷 Screenshots

HomePage QuizPage QuizPageCorrectAnswer QuizPageIncorrectAnswer ResultPopup

⚙️ Features

1. Randomised Questions

Dynamic Question Pool: The quiz app boasts a diverse pool of 20 questions, ensuring a varied and engaging experience for each user.

Random Selection: For every new game, the application randomly selects 10 questions from the pool.

2. Score Tracking

Real-time Scoring: Players receive immediate feedback on their performance, earning points for each correct answer.

Visual Feedback: The user interface dynamically updates to display the current score, enhancing the gaming experience.

3. Timer

Time Display: A timer adds an exciting element to the quiz.

4. User-Friendly Interface

Intuitive Design: The application features a user-friendly interface designed to enhance accessibility and engagement.

5. Responsive Design

Cross-Device Compatibility: The quiz is responsive, ensuring a consistent and enjoyable experience across various devices, including desktops and smartphones.

Browser Support: Compatible with popular web browsers to reach a wide audience.

6. Progress Tracking

Game Summary: At the end of each quiz, players receive a comprehensive summary, including their score and time taken.

7. Accessibility

Screen Reader Compatibility: The application is designed to be accessible to users with disabilities, supporting screen readers and other assistive technologies.

Contrast and Font Choices: Thoughtful design choices enhance readability and usability for all users.

These features collectively contribute to a dynamic and engaging quiz experience, catering to a broad audience with varying preferences and skill levels.

👨🏻‍💻 Tech Stack

HTML5

SASS CSS

JavaScript JavaScript

Prettier Eslint

Grid/Flex

Validation

✅ Lighthouse

💻 Desktop

lighthouse report on desktop

📱 Mobile

lighthouse report on mobile

✅ HTML & CSS

HtmlCssValidation

👥 The Team

LinkdIn Github

LinkdIn Github

LinkdIn Github

LinkdIn Github

LinkdIn Github

Publish year: 2024

About

A group project in our JS course where we created an interactive quiz. Small note: The contribution statistics is not correct since I unfortunately had conflicting emails in vsc and github.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors