Skip to content

Quiz-app is a learning project aimed at improving front-end skills using JavaScript logic, DOM manipulation, standard CSS styling, and responsive design.

Notifications You must be signed in to change notification settings

Prostecki/quiz-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

78 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Quiz App

This web-based quiz application is built using JavaScript, HTML, and CSS, designed to provide a fun and interactive quiz experience for users.

Main Features:

  • API-Based Questions: Fetches random quiz questions from an external API, shuffling answers to ensure variety with each playthrough.
  • Scoreboard: Users can save their scores along with a nickname, which is stored locally using localStorage and displayed on a dynamic scoreboard.
  • Input Validation: Nicknames are sanitized to only accept letters and numbers, preventing invalid characters.
  • Mobile-First Design: The app is responsive and works seamlessly on both desktop and mobile devices. Special care is taken to avoid zooming issues on mobile inputs.
  • Animations: Smooth animations, such as bouncing headers, enhance the user experience.

Technologies:

  • JavaScript for dynamic functionality.
  • HTML & CSS for layout and styling.
  • LocalStorage for saving user data.

Screenshots

Screenshot 2024-10-18 at 23 13 41 Screenshot 2024-10-18 at 23 13 17 Screenshot 2024-10-18 at 23 13 31

Installation

  1. Clone the repository:
    git clone https://github.com/your-username/quiz-app.git

About

Quiz-app is a learning project aimed at improving front-end skills using JavaScript logic, DOM manipulation, standard CSS styling, and responsive design.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published