-
-
-
-
diff --git a/Updated webD-kviz-app/README.md b/Updated webD-kviz-app/README.md
deleted file mode 100644
index 4c2c3a7..0000000
--- a/Updated webD-kviz-app/README.md
+++ /dev/null
@@ -1,43 +0,0 @@
-
-# webD-kviz-app with Resolved Issues
-
-A brief description of the changes that I have done in this project
-and the respective issues they address.
-
-
-## Contributer
-
-- [@SoumyaJindal](https://github.com/soumyajindal0707)
-
-
-## Features
-
-This Application contains the following added features:
-
-- Has a timer for every quiz question.
-- Has both light and dark themes options.
-- Has its own logo that I have designed.
-- Has different/changed background color.
-- Has got a Next button to navigate to the upcoming question.
-
-## Issues
-
-Addressing to the respective issues of the repository:
-- Issue # 9
-- Issue # 2
-- Issue # 1
-- Issue # 16
-- Issue # 19
-
-## Demo
-
-Demo Video:
-
-
-
-
-https://user-images.githubusercontent.com/98908906/206414690-4c8a9f10-3130-4741-9dc4-4fa05fd490f3.mp4
-
-
-
-Please refer to the above video for demo.
diff --git a/Updated webD-kviz-app/style.css b/Updated webD-kviz-app/style.css
deleted file mode 100644
index 538a3e0..0000000
--- a/Updated webD-kviz-app/style.css
+++ /dev/null
@@ -1,142 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Sono:wght@400;600&display=swap');
-
-:root {
- background: linear-gradient(to right, #638694, #005d7b);
- font-size: 62.5%;
- filter: invert(0);
-}
-
-* {
- box-sizing: border-box;
- font-family: "Sono";
- margin: 0;
- padding: 0;
- color: #333;
-}
-
-#icon img{
- height: 120px;
-}
-
-h1,
-h2,
-h3,
-h4 {
- margin-bottom: 1rem;
-}
-
-h1 {
- font-size: 7rem;
- color: #d6eced;
- margin-bottom: 1rem;
- font-weight: 600;
-}
-
-h1 > span {
- font-size: 2.4rem;
- font-weight: 500;
-}
-
-h2 {
- font-size: 4.2rem;
- margin-bottom: 4rem;
- font-weight: 700;
-}
-
-h3 {
- font-size: 2.8rem;
- font-weight: 500;
-}
-
-/* UTILITIES */
-
-.container {
- width: 100vw;
- height: 100vh;
- display: flex;
- justify-content: center;
- align-items: center;
- max-width: 80rem;
- margin: 0 auto;
- padding: 0rem;
- padding-left: 1rem;
- padding-right: 1rem;
-}
-
-.container > * {
- width: 100%;
-}
-
-.flex-row {
- display: flex;
- flex-direction: row;
-}
-
-.flex-column {
- display: flex;
- flex-direction: column;
-}
-
-.flex-center {
- justify-content: center;
- align-items: center;
-}
-
-.justify-center {
- justify-content: center;
-}
-
-.text-center {
- text-align: center;
-}
-
-.hidden {
- display: none;
-}
-
-/* BUTTONS */
-.btn {
- font-size: 1.8rem;
- padding: 1rem 0;
- width: 20rem;
- text-align: center;
- border: 0.1rem solid #004644;
- margin-bottom: 1rem;
- text-decoration: none;
- color: #004644;
- background-color: rgb(235, 244, 253);
-}
-
-.btn:hover {
- cursor: pointer;
- box-shadow: 0 0.4rem 1.4rem 0 rgba(86, 185, 235, 0.5);
- transform: translateY(-0.1rem);
- transition: transform 150ms;
-}
-
-.btn[disabled]:hover {
- cursor: not-allowed;
- box-shadow: none;
- transform: none;
-}
-
-/* FORMS */
-form {
- width: 100%;
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-
-input {
- margin-bottom: 1rem;
- width: 20rem;
- padding: 1.5rem;
- font-size: 1.8rem;
- border: none;
- box-shadow: 0 0.1rem 1.4rem 0 rgba(86, 185, 235, 0.5);
-}
-
-input::placeholder {
- color: #aaa;
-}
\ No newline at end of file
diff --git a/Updated webD-kviz-app/kviz-1 (5).png b/assets/kviz.png
similarity index 100%
rename from Updated webD-kviz-app/kviz-1 (5).png
rename to assets/kviz.png
diff --git a/logo-kviz.jpg b/assets/logo-kviz.jpg
similarity index 100%
rename from logo-kviz.jpg
rename to assets/logo-kviz.jpg
diff --git a/end.html b/end.html
deleted file mode 100644
index 7b84cf7..0000000
--- a/end.html
+++ /dev/null
@@ -1,50 +0,0 @@
-
-
-
-
-
-
- .png)
-
-
-
-
-
-
- Play Again
- Go Home
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/end.js b/end.js
deleted file mode 100644
index b59002f..0000000
--- a/end.js
+++ /dev/null
@@ -1,29 +0,0 @@
-const username = document.getElementById('username');
-const saveScoreBtn = document.getElementById('saveScoreBtn');
-const finalScore = document.getElementById('finalScore');
-const mostRecentScore = localStorage.getItem('mostRecentScore');
-
-const highScores = JSON.parse(localStorage.getItem('highScores')) || [];
-
-const MAX_HIGH_SCORES = 5;
-
-finalScore.innerText = mostRecentScore;
-
-username.addEventListener('keyup', () => {
- saveScoreBtn.disabled = !username.value;
-});
-
-saveHighScore = (e) => {
- e.preventDefault();
-
- const score = {
- score: mostRecentScore,
- name: username.value,
- };
- highScores.push(score);
- highScores.sort((a, b) => b.score - a.score);
- highScores.splice(5);
-
- localStorage.setItem('highScores', JSON.stringify(highScores));
- window.location.assign('index.html');
-};
\ No newline at end of file
diff --git a/game.css b/game.css
deleted file mode 100644
index d1204ef..0000000
--- a/game.css
+++ /dev/null
@@ -1,128 +0,0 @@
-.choice-container {
- display: flex;
- margin-bottom: 0.5rem;
- width: 100%;
- font-size: 1.8rem;
- border: 0.1rem solid rgb(86, 165, 235, 0.25);
- background-color: white;
- position: relative;
- top: 1em;
-}
-
-.choice-container:hover {
- cursor: pointer;
- box-shadow: 0 0.4rem 1.4rem 0 rgba(86, 185, 235, 0.5);
- transform: translateY(-0.1rem);
- transition: transform 150ms;
-}
-
-.choice-prefix {
- padding: 1.5rem 2.5rem;
- background-color: #56a5eb;
- color: white;
-}
-
-.choice-text {
- padding: 1.5rem;
- width: 100%;
- font-weight: 600;
-}
-
-.correct {
- background-color: #28a745;
-}
-
-.incorrect {
- background-color: #dc3545;
-}
-
-/* HUD */
-
-#hud {
- display: flex;
- justify-content: space-between;
- position: relative;
- bottom: 6em;
-}
-
-.hud-prefix {
- text-align: center;
- font-size: 2rem;
- margin-top: 5rem;
-}
-
-.hud-main-text {
- text-align: center;
-}
-
-#progressBar {
- width: 20rem;
- height: 4rem;
- border: 0.3rem solid #56a5eb;
- margin-top: 3rem;
-}
-
-#progressBarFull {
- height: 3.4rem;
- background-color: #56a5eb;
- width: 0%;
-}
-
-/* LOADER */
-#loader {
- border: 1.6rem solid white;
- border-radius: 50%;
- border-top: 1.6rem solid #56a5eb;
- width: 12rem;
- height: 12rem;
- animation: spin 2s linear infinite;
-}
-
-@keyframes spin {
- 0% {
- transform: rotate(0deg);
- }
- 100% {
- transform: rotate(360deg);
- }
-}
-#question {
- margin-bottom: 0px;
- position: relative;
- bottom: 0.8em;
-}
-
-@media screen and (max-width: 600px) {
- .container {
- padding: 20px;
- }
- #hud {
- position: relative;
- bottom: 6em;
- }
- #question {
- position: relative;
- bottom: 1em;
- }
- .choice-container {
- position: relative;
- top: 1em;
- }
-}
-@media screen and (max-width: 1024px) {
- .container {
- padding: 40px;
- }
- #hud {
- position: relative;
- bottom: 6em;
- }
- #question {
- position: relative;
- bottom: 1em;
- }
- .choice-container {
- position: relative;
- top: 0.5em;
- }
-}
diff --git a/game.html b/game.html
deleted file mode 100644
index 2a63253..0000000
--- a/game.html
+++ /dev/null
@@ -1,67 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/game.js b/game.js
deleted file mode 100644
index d65dcf4..0000000
--- a/game.js
+++ /dev/null
@@ -1,120 +0,0 @@
-const question = document.getElementById('question');
-const choices = Array.from(document.getElementsByClassName('choice-text'));
-const progressText = document.getElementById('progressText');
-const scoreText = document.getElementById('score');
-const progressBarFull = document.getElementById('progressBarFull');
-const loader = document.getElementById('loader');
-const game = document.getElementById('game');
-
-var soundCorrect = new Audio("sounds/correctAns.mp3");
-var soundIncorrect = new Audio("sounds/wrongAns.mp3");
-
-let currentQuestion = {};
-let acceptingAnswers = false;
-let score = 0;
-let questionCounter = 0;
-let availableQuesions = [];
-
-let questions = [];
-
-fetch(
- 'https://opentdb.com/api.php?amount=10&category=17&difficulty=easy&type=multiple'
-)
- .then((res) => {
- return res.json();
- })
- .then((loadedQuestions) => {
- questions = loadedQuestions.results.map((loadedQuestion) => {
- const formattedQuestion = {
- question: loadedQuestion.question,
- };
-
- const answerChoices = [...loadedQuestion.incorrect_answers];
- formattedQuestion.answer = Math.floor(Math.random() * 4) + 1;
- answerChoices.splice(
- formattedQuestion.answer - 1,
- 0,
- loadedQuestion.correct_answer
- );
-
- answerChoices.forEach((choice, index) => {
- formattedQuestion['choice' + (index + 1)] = choice;
- });
-
- return formattedQuestion;
- });
-
- startGame();
- })
- .catch((err) => {
- console.error(err);
- });
-
-//CONSTANTS
-const CORRECT_BONUS = 10;
-const MAX_QUESTIONS = 10;
-
-startGame = () => {
- questionCounter = 0;
- score = 0;
- availableQuesions = [...questions];
- getNewQuestion();
- game.classList.remove('hidden');
- loader.classList.add('hidden');
-};
-
-getNewQuestion = () => {
- if (availableQuesions.length === 0 || questionCounter >= MAX_QUESTIONS) {
- localStorage.setItem('mostRecentScore', score);
- //go to the end page
- return window.location.assign('end.html');
- }
- questionCounter++;
- progressText.innerText = `Question ${questionCounter}/${MAX_QUESTIONS}`;
- //Update the progress bar
- progressBarFull.style.width = `${(questionCounter / MAX_QUESTIONS) * 100}%`;
-
- const questionIndex = Math.floor(Math.random() * availableQuesions.length);
- currentQuestion = availableQuesions[questionIndex];
- question.innerHTML = currentQuestion.question;
-
- choices.forEach((choice) => {
- const number = choice.dataset['number'];
- choice.innerHTML = currentQuestion['choice' + number];
- });
-
- availableQuesions.splice(questionIndex, 1);
- acceptingAnswers = true;
-};
-
-choices.forEach((choice) => {
- choice.addEventListener('click', (e) => {
- if (!acceptingAnswers) return;
-
- acceptingAnswers = false;
- const selectedChoice = e.target;
- const selectedAnswer = selectedChoice.dataset['number'];
-
- const classToApply =
- selectedAnswer == currentQuestion.answer ? 'correct' : 'incorrect';
-
- if (classToApply === 'correct') {
- incrementScore(CORRECT_BONUS);
- soundCorrect.play();
- }else {
- soundIncorrect.play();
- }
-
- selectedChoice.parentElement.classList.add(classToApply);
-
- setTimeout(() => {
- selectedChoice.parentElement.classList.remove(classToApply);
- getNewQuestion();
- }, 1000);
- });
-});
-
-incrementScore = (num) => {
- score += num;
- scoreText.innerText = score;
-};
diff --git a/highscore.html b/highscore.html
deleted file mode 100644
index 24c87e0..0000000
--- a/highscore.html
+++ /dev/null
@@ -1,33 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/highscore.js b/highscore.js
deleted file mode 100644
index 9cd39ef..0000000
--- a/highscore.js
+++ /dev/null
@@ -1,8 +0,0 @@
-const highScoresList = document.getElementById("highScoresList");
-const highScores = JSON.parse(localStorage.getItem("highScores")) || [];
-
-highScoresList.innerHTML = highScores
- .map(score => {
- return `