<div id="top"></div> <h1 align="center">ZeroOctave JavaScript Projects </h1> <p align="center"> <a href="https://github.com/ZeroOctave/ZeroOctave-Javascript-Projects"> <img alt="ZeroOctave-Javascript-Projects" src="https://github.com/ZeroOctave/ZeroOctave-Javascript-Projects/blob/main/assets/Images/zer.png" /> </a> </p> <!-- ---------------------------------------------------------------------------------------------------------------------- --> <div align="center">

</div> <!-- ---------------------------------------------------------------------------------------------------------------------- --> <p align="center"> <a href="https://zerooctave.github.io/"><strong>ZeroOctave Official site »</strong></a> <br /> <a href="https://github.com/ZeroOctave/ZeroOctave-Javascript-Projects/issues/new?assignees=&labels=bug&template=bug_report.md&title=">Report Bug</a> · <a href="https://github.com/ZeroOctave/ZeroOctave-JavaScript-Projects/issues">Request Update </a> </p> <!-- ---------------------------------------------------------------------------------------------------------------------- -->

<a href="https://www.producthunt.com/posts/zerooctave-javascript-projects?utm_source=badge-review&utm_medium=badge&utm_souce=badge-zerooctave&#0045;javascript&#0045;projects#discussion-body" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/review.svg?post_id=346465&theme=light" alt="ZeroOctave&#0045;Javascript&#0045;Projects - Learn&#0032;Web&#0032;Development&#0032;by&#0032;Making&#0032;Projects | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>

<p align="right"><a href="#Bottom"><img src="https://img.shields.io/badge/-Bottom-red?style=for-the-badge" /></a></p> <!-- ------------------------------------------------------------------------------------------------------------------------------------------------------ --> <!-- ------------------------------------------------------------------------------------------------------------------------------------------------------------- --> <div id="About"></div>

About❓

Getting started with web development? What else would be better than practising it.

So welcome developer. You are at the right place.😊

ZeroOctave Javascript Projects provide some awesome web development projects to work upon and enhance your skills.

The motive🎯 of this project is to help new learners like you to get familiar with web development skills.

Happy coding.👍

So, What are you waiting for? <br>

<!-- ------------------------------------------------------------------------------------------------------------------------------------------------------ --> <!-- ------------------------------------------------------------------------------------------------------------------------------------------------------------- --> <div id="Open-Source-Program"></div>

This Project is a part of the following Open Source Program❤️

<br> <table> <tbody><tr> <td align="center"><a href="https://hacktoberfest.digitalocean.com/" target="_blank"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSzxUuUFuwuTwouTwDseIuzwkLBsDa6Z_0BzYX_x0jpqA&s" alt="Hacktoberfest" width="200"/><br>_{<b> Hacktoberfest 2022 </b>}</a></td> </a></td> <td align="center"><a href="https://icc-techsahead.netlify.app/" target="_blank"><img src="assets/Images/icc.png" alt="ICC" width="200"/><br>_{<b> ICC 2021 </b>}</a></td> </a></td> <td align="center"><a href="https://dwoc.io/" target="_blank"><img src="assets/Images/dwoc.png" alt="DWoC21" width="125"/><br>_{<b> DWOC 2021 </b>}</a></td> </a></td> <td align="center"><a href="https://gssoc.girlscript.tech/" target="_blank"><img src="assets/Images/gssoc.jpg" alt="GSSoC22" width="125"/><br>_{<b> GSSOC 2022 </b>}</a></td> </a></td> <td align="center"><a href="https://ssoc.getsocialnow.co/" target="_blank"><img src="assets/Images/ssoc.png" alt="SSOC2022" width="125"/><br>_{<b> SSOC-2022 </b>}</a></td> </a></td> </tr> </tbody></table> <br> <!-- ------------------------------------------------------------------------------------------------------------------------------------------------------ --> <!-- ------------------------------------------------------------------------------------------------------------------------------------------------------------- --> <div id="Before"></div>

Before you begin💻

We would request you to go through the contributing guidelines throughly so that you know what you are doing.

Little knowledge of Github would be benificial for you so that you know what you are doing.

How NOT to contribute to Open Source on GitHub

Don't put files here & there, Always follow proper directory. Follow proper naming pattern while pushing new files (eg: if a project name is Gym Website then their file name should be gym-website.html, gym-website.css, gym-website.js similar for all files.) Don't mix the files or make new folders if not necessary.

<div id="Tech-Stack"></div>

Tech-Stack🎓

<img alt="HTML5" src="https://img.shields.io/badge/html5%20-%23E34F26.svg?&style=for-the-badge&logo=html5&logoColor=white"/> <img alt="CSS3" src="https://img.shields.io/badge/css3%20-%231572B6.svg?&style=for-the-badge&logo=css3&logoColor=white"/> <img alt="JavaScript" src="https://img.shields.io/badge/javascript%20-%23323330.svg?&style=for-the-badge&logo=javascript&logoColor=%23F7DF1E"/>

<div id="Contributing"></div>

Contributing Guidelines📝

Are we missing any of your favorite features, which you think you can add to it? For major changes, please open an issue first to discuss what you would like to change. You are welcome to contribute in this project. Pull requests are welcome.

To start contributing, follow the below guidelines:

1. Fork this repository.

2. Clone your forked copy of the project.

git clone https://github.com/<your_user_name>/ZeroOctave-Javascript-Projects.git

3. Navigate to the project directory :file_folder: .

cd ZeroOctave-Javascript-Projects

4. Add a reference(remote) to the original repository.

git remote add upstream https://github.com/ZeroOctave/ZeroOctave-Javascript-Projects.git

5. Check the remotes for this repository.

git remote -v

6. Always take a pull from the upstream repository to your master branch to keep it at par with the main project(updated repository).

git pull upstream main

7. Create a new branch.

git checkout -b <your_branch_name>

8. Perfom your desired changes to the code base.

9. Track your changes:heavy_check_mark: .

git add .

10. Commit your changes .

git commit -m "Relevant message"

11. Push the committed changes in your feature branch to your remote repo.

git push -u origin <your_branch_name>

12. To create a pull request, click on compare and pull requests.

13. Add appropriate title and description to your pull request explaining your changes and efforts done.

14. Click on Create Pull Request.

15. Woohoo! You have made a PR to the ZeroOctave-Javascript-Projects :boom: . Wait for your submission to be accepted and your PR to be merged.

Thank you for your interest in contributing to our Repo!🏼

Kudos to you🎈

:information_source: Before contributing, read some important guidelines here

<div id="Help"></div>

This Will Help🌩️

• Why clone everything to the machine? Just press "." (dot) after opening the forked repo in a browser tab. See the Magic!🎉
• Want to preview your live changes? Copy and paste the project.html URL into GitHack. You will get 2 URLs for production and development, copy and paste them into a new tab. See the Magic!🎉

<div id="Projects"></div>

Available Projects🦿

| S-No. | Projects | S-No. | Projects | S-No. | Projects | |:--|:--|:--|:--|:--|:--| | 01. | Analog Clock | 02. | Shell Game | 03. | Auto Write Text | | 04. | [Word Definition](https://zerooctave.github.io/ZeroOctave-Javascript-Projects/Public/word_defi