Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sabaurgup/quizapp
A web-based, 2D, quiz game containing questions about computer science was developed using Javascript, CSS, HTML technologies.
https://github.com/sabaurgup/quizapp
2d 2d-game css html-css-javascript javascript quiz quiz-app quiz-game web webapp
Last synced: 5 days ago
JSON representation
A web-based, 2D, quiz game containing questions about computer science was developed using Javascript, CSS, HTML technologies.
- Host: GitHub
- URL: https://github.com/sabaurgup/quizapp
- Owner: SabaUrgup
- License: mit
- Created: 2022-05-11T17:26:34.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-05-15T21:10:41.000Z (over 2 years ago)
- Last Synced: 2024-11-06T23:14:28.013Z (about 2 months ago)
- Topics: 2d, 2d-game, css, html-css-javascript, javascript, quiz, quiz-app, quiz-game, web, webapp
- Language: JavaScript
- Homepage: https://SabaUrgup.github.io/QuizApp/
- Size: 28.3 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Quiz App
- [EN : Description :boom:](#en)
- [TR : Açıklama :boom:](#tr)
****
#### [EN]
`This project is a game that developed with Javascript, CSS, HTML technologies for the BTU BLM0226 Web Based Programming Lecture.`
# Project Details: QuizApp Game :bomb:
## Scenario of the Game
Learning to code can be tiring and boring at times. Motivation is the most necessary factor in this process. How about increasing this factor and making learning coding fun at the same time?
This Quiz application I have produced aims to provide learning while playing games in a fun way. If you are curious, you can examine the details of the project.
***Note: If you are ready for a challenge, how about clicking the link directly!..*** :anger: [`Quiz App`](https://sabaurgup.github.io/QuizApp/)
### Technologies
- JavaScript 🧩
- Html 🧩
- CSS 🧩
## Features
* Single html && router✨
* Test yourself with questions about computer science (Javascript & CSS & HTML technologies)✨
* A web-based, support for Chrome and Firefox platforms✨
* 2D game design✨
### Installing
If you want to run the game on your own device instead of playing it from the demo address, it will be enough to take the folder in the compressed file you downloaded from this github repo to a directory and then open the _index.html_ file in any browser. (Chrome is recommended.)
And also...
```sh
git clone https://github.com/SabaUrgup/QuizApp.git
cd QuizApp
open index.html
```
## Running the Tests
➤ You can directly play: [`Quiz App Demo`](https://sabaurgup.github.io/QuizApp/)
## Authors & Contact
Created by **Saba ÜRGÜP** [@SabaUrgup](https://github.com/SabaUrgup) - You can contact me!
## Resources
Some websites were consulted for quiz questions and used some background sounds;
* [w3schools](https://www.w3schools.com/quiztest/quiztest.asp?qtest=HTML)
* [javatpoint/html](https://www.javatpoint.com/html-mcq)
* [baskent edu](http://www.baskent.edu.tr/~tkaracay/etudio/ders/internet/html/test/HTMLtest2.html)
* [javatpoint/js](https://www.javatpoint.com/javascript-mcq)
* [tutorialspoint](https://www.tutorialspoint.com/javascript/javascript_online_quiz.htm)
* [interviewbit](https://www.interviewbit.com/javascript-mcq/)
* [examtiger](https://www.examtiger.com/mcq/css-mcq-on-stylesheet/page/4/)
* [javatpoint/css](https://www.javatpoint.com/css-mcq)
## License
This project is licensed under the MIT License.
****
#### [TR]
`Bu proje BTÜ BLM0226 kodlu Web Tabanlı Programlama dersi için Javascript, CSS, HTML teknolojileri ile geliştirilmiş bir oyundur.`
# Proje Detayları: QuizApp Oyunu :bomb:
## Oyunun Senaryosu
Kodlamayı öğrenmek zaman zaman yorucu ve sıkıcı olabilir. Motivasyon bu süreçte en önemli faktör. Bu faktörü artırmayı ve aynı zamanda da kodlama öğrenmeyi eğlenceli hale getirmeye ne dersiniz?
Ürettiğim bu Quiz uygulaması oyun oynarken öğrenmeyi eğlenceli bir yoldan sağlamayı hedefliyor. Merakınızı cezbettiyse projenin detaylarını inceleyebilirsiniz.
***Not: Küçük bir meydan okumaya hazırsan doğruca linke tıklamaya ne dersin!..*** :anger: [`Quiz App`](https://sabaurgup.github.io/QuizApp/)
## Teknolojiler
- JavaScript 🧩
- Html 🧩
- CSS 🧩
## Özellikler
* Tek html sayfası && yönlendirici✨
* Bilgisayar bilimi ile ilgili sorularla kendinizi test edin (Javascript & CSS & HTML teknolojileri)✨
* Web tabanlı tasarım, Chrome ve Firefox platformları için destek✨
* 2D oyun tasarımı✨
## Nasıl Oynanır & Kurulum
Oyunu demo adresinden oynamak yerine kendi cihazınızda çalıştırmak istiyorsanız bu github deposundan indirdiğiniz sıkıştırılmış dosyanın içindeki klasörü bir dizine alıp _index.html_ dosyasını açmanız yeterli olacaktır. herhangi bir tarayıcı (Chrome önerilir.)
```sh
git clone https://github.com/SabaUrgup/QuizApp.git
cd QuizApp
open index.html
```
Ayrıca 🚨
➤ Doğrudan oynayabilirsiniz: [`Quiz App Demo`](https://sabaurgup.github.io/QuizApp/)
## Yazar ve İletişim
Oluşturan **Saba ÜRGÜP** [@SabaUrgup](https://github.com/SabaUrgup) - Benimle iletişime geçebilirsiniz!
## Kaynaklar
Bazı web siteleri; bilgi yarışması soruları için ve arka plan sesleri kullanıldı.
* [w3schools](https://www.w3schools.com/quiztest/quiztest.asp?qtest=HTML)
* [javatpoint/html](https://www.javatpoint.com/html-mcq)
* [baskent edu](http://www.baskent.edu.tr/~tkaracay/etudio/ders/internet/html/test/HTMLtest2.html)
* [javatpoint/js](https://www.javatpoint.com/javascript-mcq)
* [tutorialspoint](https://www.tutorialspoint.com/javascript/javascript_online_quiz.htm)
* [interviewbit](https://www.interviewbit.com/javascript-mcq/)
* [examtiger](https://www.examtiger.com/mcq/css-mcq-on-stylesheet/page/4/)
* [javatpoint/css](https://www.javatpoint.com/css-mcq)
## Lisans
Bu proje MIT Lisansı kapsamında lisanslanmıştır.