Created QuizApp

[dhruvpal05]

Describe your change: This is a small QuizApp which includes question on html, css and javascript.

• [x] Add a Project?
• [ ] Fix a bug or typo in an existing Projects?
• [ ] Documentation change?

Checklist:

• [ ] I have read CONTRIBUTING.md.
• [ ] This pull request is all my own work -- I have not plagiarized.
• [ ] I know that pull requests will not be merged if they fail the automated tests.
• [ ] This PR only changes one Project folder. To ease review, please open separate PRs for separate algorithms.
• [ ] All new Project files are placed inside an existing directory.
• [ ] If this pull request resolves one or more open issues then the description above includes the issue number(s) with a closing keyword: "Fixes #ISSUE-NUMBER".
• [ ] My code follows the style guidelines of this project
• [ ] I have performed a self-review of my own code
• [ ] I have commented my code, particularly in hard-to-understand areas
• [ ] My changes generate no new warnings
• [ ] The title of my pull request is a short description of the requested changes.
• [ ] I have made corresponding changes to the documentation
• [ ] My PR needs documentation change

ATTACH SCREEN-SHOTS

Before	After
< Before Image >	< After Image >

[netlify[bot]]

✅ Deploy Preview for frontend-database ready!

Name	Link
🔨 Latest commit	c9ea2435900d5aa1b88cc7693ce3d7d66e5a339a
🔍 Latest deploy log	https://app.netlify.com/sites/frontend-database/deploys/65212bece4869f0008d46de8
😎 Deploy Preview	https://deploy-preview-14--frontend-database.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[pr-explainer-bot[bot]]

Pull Request Report

Greetings! 👋

Here is the report for the pull request:

Changes:

1. Added index.html file with the initial structure of the Quiz App.
2. Added script.js file with the logic for loading and displaying quiz questions.
3. Added style.css file with the styling for the Quiz App.

Suggestions to improve code:

1. Consider using more descriptive variable names in the script.js file to improve code readability.
2. Add comments to explain the purpose and functionality of different sections of code in the script.js file.

Bugs:

No bugs found.

Improvements:

1. In the style.css file, consider using more specific selectors to avoid potential conflicts with other stylesheets.
2. In the script.js file, consider using a more modular approach by separating the quiz logic into separate functions for better readability and maintainability.

Code Refactoring:

In the script.js file, the loadQuiz function can be refactored for better readability:

function loadQuiz() {
    deselectAnswers();

    const currentQuizData = quizData[currentQuiz];

    questionEl.innerText = currentQuizData.question;
    a_text.innerText = currentQuizData.a;
    b_text.innerText = currentQuizData.b;
    c_text.innerText = currentQuizData.c;
    d_text.innerText = currentQuizData.d;
}

Rating:

I would rate the code a 7 out of 10. The code is generally readable and well-structured. However, there are some areas where improvements can be made to enhance code readability and maintainability. Additionally, further optimizations can be done to improve performance and security.

That's all for the report! Let me know if you need any further assistance. 😄

[dev-AshishRanjan]

@dhruvpal05 , I Merged this PR,

Please follow the Contribution Guideline present in : https://github.com/dev-AshishRanjan/Hacktoberfest-Frontend/blob/dev/CONTRIBUTING.md

To Do :

1. ADD your project details in contribution/ProjectList.json

After doing this, create a new PR