Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fredh2o/javascript-quiz
An interactive quiz application built with JavaScript, HTML, and CSS. Features include a user-friendly interface, multiple question types, real-time scoring, and an optional timer.
https://github.com/fredh2o/javascript-quiz
css html javascript practice quiz
Last synced: about 2 months ago
JSON representation
An interactive quiz application built with JavaScript, HTML, and CSS. Features include a user-friendly interface, multiple question types, real-time scoring, and an optional timer.
- Host: GitHub
- URL: https://github.com/fredh2o/javascript-quiz
- Owner: FredH2O
- License: mit
- Created: 2024-07-24T16:00:58.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-08-03T10:26:27.000Z (6 months ago)
- Last Synced: 2024-08-03T22:46:00.312Z (6 months ago)
- Topics: css, html, javascript, practice, quiz
- Language: JavaScript
- Homepage: https://fredh2o.github.io/Javascript-Quiz/
- Size: 1.66 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# JavaScript Quiz Game
This is a simple quiz game built with HTML, CSS, and JavaScript. The game features multiple-choice questions and keeps track of the player's score. It also utilizes lodash for utility functions and Bootstrap Icons for a polished interface.
## Features
- **Multiple Choice Questions:** Interactive questions with multiple choices.
- **Score Tracking:** Keeps track of the player's score throughout the quiz.
- **User-Friendly Interface:** Designed with Bootstrap Icons for better aesthetics and user experience.
- **Randomized Questions:** Questions are randomized to provide a different experience each time.
## Technologies Used
- **HTML:** Structure of the application.
- **CSS:** Styling of the application.
- **JavaScript:** Logic and functionality of the game.
- **Lodash:** Utility library for JavaScript, used for various helper functions.
- **Bootstrap Icons:** Icons used in the application, installed via npm.
- **Confetti.js:** https://confetti.js.org/more.html
## Installation
To get a local copy up and running follow these simple steps.
### Prerequisites
- npm (node package manager)
### Installation Steps
1. Clone the repo
```sh
git clone https://github.com/FredH2O/Javascript-Quiz.git
```
2. Navigate to the project directory
```sh
cd Javascript-Quiz
```
3. Install npm packages
```sh
npm install
```
## Usage
Open `index.html` in your preferred web browser to start the game.
## License
Distributed under the MIT License. See `LICENSE` for more information.
## Acknowledgements
- [Lodash](https://lodash.com/)
- [Bootstrap Icons](https://icons.getbootstrap.com/)
## Contributing
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## Contact
FredH2O - [GitHub Profile](https://github.com/FredH2O)
Project Link: [https://github.com/FredH2O/Javascript-Quiz](https://github.com/FredH2O/Javascript-Quiz)