An online Tech quiz Website
⭐ This repository is made for beginners who are looking for a beginner-friendly repository to start open source contributions!
⭐ Feel free to use this project to make your first contribution to an open-source project on GitHub.
⭐ Star this repository for a better reach!
A month-long celebration from October 1st to October 31st presented by Digital Ocean and DEV Community collaborated with GitHub to get people involved in Open Source.
-
To qualify for digital rewards by Hacktoberfest, you must register for the event and make four Pull Requests (PRs) between October 1-31, 2023 (in any time zone).
-
Pull requests can be made in any GitHub or GitLab hosted project that’s participating in Hacktoberfest (look for the “hacktoberfest” topic).
-
The first 50,000 participants to have their first PR/MR accepted will have a tree planted in their name through Tree Nation
To contribute to our Tech-Quiz:
-
Fork the Repository: Click the "Fork" button at the top right of this repository to create a copy in your GitHub account. 🍴
-
Clone Your Fork: Clone the forked repository to your local machine using Git. 🖥️
git clone https://github.com/yourusername/Tech-Quiz.git
-
Create a Branch: Create a new branch for your contribution under the respective folder. 🌿
git checkout -b add-new-question
⭐ Follow these steps to add your question.
- Go to index.html
- Copy paste the question template code to modify it.
- Before add your question please check the last updated file then add question no. accordingly.
- Add any question related to js or WebDev > set only four options
'''
<!-- Copy and paste the following template for each new quiz question -->
<!--next Question -->
<!-- add your question according to the given format and also options are set accordingly-->
<div class="question">
<p>6. ----insert your Question here -----</p>
<div class="option">
<input type="radio" name="q6" id="q6A" value="A">
<label for="q6A">your_option1</label>
</div>
<div class="option">
<input type="radio" name="q6" id="q6B" value="B">
<label for="q6B">your_option2</label>
</div>
<div class="option">
<input type="radio" name="q6" id="q6C" value="C">
<label for="q6C">your_option3</label>
</div>
<div class="option">
<input type="radio" name="q6" id="q6D" value="D">
<label for="q6D">your_option4</label>
</div>
<div class="option" hidden>
<input type="radio" name="q6" id="q6E" value="E" checked>
<label for="q6E">Hidden</label>
</div>
</div>
'''
- Save the index.html file.
- Now goto script.js file
- just do one change add the correct option in the first line of script.js file
'''
const correctAnswer = ["D", "B", "C", "B", "D", "A","add-your-correct-option"];
'''
7.save the js file & you all done!
-
Commit Your Changes: Commit your changes with a descriptive commit message. 💬
git commit -m "Added new quiz-question" -
Push to Your Fork: Push your changes to your GitHub fork. 🚀
git push origin add-new-question
⭐️You are done go aheaed and make your pull request.
-
Open a Pull Request: Submit a Pull Request (PR) to the main repository under the respective category. Include a clear title and description of your changes. 🎯
-
Review and Merge: We will review your PR, and if it meets our guidelines, it will be merged into the main repo. 🤝
As a first step, please consider giving our repository a ⭐️ to show your support! 🌟
'''
To get approval of the pull request much quicker and faster (`Follow Me`)🚀
'''Happy contributing and all the best for hacktoberfest! 💻📚🚗
⭐️Don't make any other changes in the code! If you find any bug or have a feature suggestion, feel free to raise an issue.
Md Tajuddin