/ZeroOctave-Javascript-Projects

This Repository Contains 150+ web development Projects.

Primary LanguageHTMLMIT LicenseMIT

ZeroOctave JavaScript Projects

ZeroOctave-Javascript-Projects

Hactoberfest Maintenance Open Source Love contributions welcome Beginners Friendly GitHub contributors GitHub forks GitHub stars PRs Welcome GitHub issues GitHub last commit Repo. Size

ZeroOctave Official site »
Report Bug · Request Update

ZeroOctave-Javascript-Projects - Learn Web Development by Making Projects | Product Hunt

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?

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


Hacktoberfest
Hacktoberfest 2022
ICC
ICC 2021
DWoC21
DWOC 2021
GSSoC22
GSSOC 2022
SSOC2022
SSOC-2022

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.

Tech-Stack🎓

HTML5 CSS3 JavaScript

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 📁 .

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 💥 . 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🎈

ℹ️ Before contributing, read some important guidelines here

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!🎉

Available Projects🦿

S-No. Projects S-No. Projects S-No. Projects
01. Analog Clock 02. Shell Game 03. Auto Write Text
04. Word Definition 05. Calculator 06. Color Flipper 1
07. Color Flipper 2 08. Digital Clock 09. Log-in Form
10. Purple Heart Animation 11. Take Quiz 12. Gravity Simulator
13. Notification 14. Speech to Text Converter 15. Check Weather
16. Guess Color 17. Speed Typer 18. Caesar Cipher
19. Restaurant Website 20. Rock Paper Scissor 21. Incrementinator 2.0
22. Quotes 23. Aipan Art Handcraft 24. Auto Image Slider
25. BMI Calculator 26. Count Down Timer 27. Counter
28. Drum Kit 29. Food Recepie center 30. Height Converter
31. Hulu 32. Image Editor 33. Loan Calculator
34. Maths Formulae Website 35. Modal Window generator 36. An NGo Website
37. Note App 38. Popup 39. Random Color Generator
40. Responsive Navigation Bar 41. Resume Builder 42. Dice Game
43. Speed Typing 44. Spotify Clone 45. Stone Paper Scissors
46. Tip Calculator 47. 3D Solar System 48. Prime Factor Calculator
49. Magic Note 50. Weather Calculator 51. Weight Converter
52. Word Count Calculator 53. Crypto App 54. Scientific Calculator
55. GitHub Profiles 56. Books Library 57. Guess The Number
58. Simon Game 59. Pong Game 60. Dictionary App
61. Custom Ice Cream Maker 62. Sneaker Site 63. CRUD Project
64. Currency Converter 65. Hangman Game 66. TO-DO List
67. Transpose Matrix Calculator 68. Password Generator 69. Memory Game
70. RD Return Calculator 71. Meditation Feature 72. Move/TV Series Quote Generator
73. Function Grapher 74. Third Degree Equation Solver 75. Speech Synthesis
76. Color Changing App 77. Key Detector 78. Tic Tac Toe
79. QR Code Generator 80. Microsoft Clone 81. YouTube Clone
82. Expense Tracker 83. 15 Puzzle 84. Type Writer Effect
85. Book Shopping Website 86. Movie Search App 87. Random Quote Generator
88. RGB Mixer 89. Google Clone 90. Tinder Clone
91. Gym Website 92. Temperature Converter 93. Google Clone1
94. Travel Website 95. Happy Hacktober 96. Accordion
97. Animated Portfolio 98. Anime App 99. BaseX Calculator
100. Car Race 101. Color Code Converter 102. Color Chooser
103. Dial Code Fetcher 104. Dino Game 105. Drawing App
106. Email Validator 107. Find Num 108. Food Website
109. Browser Detector 110. Maps 111. Mapty
112. Movie Quote Generator 113. Multiple Portfolio 114. Form Validation
115. Music Player 116. Palindrome 117. Placeholder
118. Quiz App 119. Report Calculator 120. Responsive Landing
121. Reviews 122. Snake 123. Socials
124. Star Catching Game 125. Sticky Notes 126. Stopwatch
127. Tap Music 128. Tiktok Clone 129. Toast Notification
130. To Do 131. Confirm Password Validator 132. Blurry Loading
133. News Website 134. Drink Water 135. Url Keeper
136. Dad's Joke 137. Theme Clock 138. Vaccine Slot Finder
139. Food Filter 140. Sudoku Solver 141. Candy Store
142. Word Search 143. Country Capital Homepage 144. Flappy Bird
145. Connect Four 146. Maze Game 147. Coin Toss Game
148. Movies Recommendation Page 149. Myntra Clone 150. Random Choice Picker
151. Daily Prophet 152. Moving Car 153. PostMaster
154. Wordle Clone 155. Feedback and Reply 156. Range-Slider
157. Vigenere Cipher 158. Expanding Cards UI design 159. Grocery Manager
160. Reflex Trainer 161. Birthday card 162. CV Screener
163. Switching Testimonial Box 164. 2048 Game 165. Color Game
166. Animated Eye 167. Tourist Website 168. Audio Play
169. Tearable Cloth 170. Rain Effects 171. Camera Web App
172. Dynamic Picture Frame 173. FAQ Collapse 174. Multiplication Table Generator
175. Expense Tracker Calculator 176. Check my IP 177. SocialTray
178. SimplyRecipes 179. Employee DataBase

Project Maintainers🕵🏼‍♂

GitHub Profile of Mr. Ånand
Mr. Ånand

🌝💻
GitHub Profile of Abhishek Kumar
Abhishek Kumar

🌝💻
GitHub Profile of Sreelakshmi G
Sreelakshmi G

🌝💻
GitHub Profile of Anmol Baranwal
Anmol Baranwal

🌝💻

Thanks to all the people who contribute 💜

Best of luck for your development career👍😊

Feedback✌🏼

ZeroOctave-Javascript-Projects - Learn Web Development by Making Projects | Product Hunt

If you have any feedback or suggestions please reach out to Project - Maintainer.

Or you can create a issue and mention there, which new features or extension can make this Project better.



Show some ❤️ by starring⭐ this awesome Repository!