This Repository Contains 150+ web development Projects.

Home Page: https://zerooctave.github.io/ZeroOctave-Javascript-Projects/

License: MIT License

HTML 42.50% CSS 34.65% JavaScript 22.85%

html5 css3 javascript contributions-welcome good-first-issue beginner-friendly javascriptprojects webdevelopment hacktoberfest html hactoberfest-accepted hacktoberfest2022

zerooctave-javascript-projects's Introduction

ZeroOctave JavaScript Projects

ZeroOctave Official site »
Report Bug · Request Update

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 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🎓

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🕵🏼‍♂

Thanks to all the people who contribute 💜

Best of luck for your development career👍😊

Feedback✌🏼

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!

zerooctave-javascript-projects's People

Contributors

Stargazers

Watchers

Forkers

shivam-0510-zz ankitzm juhiechandra devanshtivari so1ee anubhav-1020 prabhxjottsingh simple-codes22 amulya77 ace-07 starrohan999 vishal-sony aditya13902 kshitizsharma11 sarveshlimaye amanhussain08 kushank1207 prajakta102 derekfrost07 jaswanthreddypadala tarce09 chetanatrawalkarca iashupandey shreyansh-agrawal sahilrout deepshikhasingh18 ghosharnab969 newcodecity cipher-08 devesh-2002 prakhar3062 peprick shovna01 sahilm-10 viveksgonal devkakeri06 usmankh07 mannanahmad omgole akshita-02 diwakarprasadlp paras022 coderracharya diveshwatwani jegan-ram srushti-353 barath8302 sohamkayal4103 kunal9155 khadijagardezi bhaveshgarg2000 harryagarwal weberankit sujana-kamasany abaran803 khushi818 karan-dhingra im-rakesh0827 palaksharma23 paridhi3 shivam-katare aman-7299 prachi996 yasharyanthecoder ruthbaby jyo561 induja742 siva-krish45 adi2002vicky adit0507 nitishsaini706 asttttha vagishagupta9 skgx devgirlcodes harshitab07 prat1k-gupta vincentx33 nikhilmahana atif0604 rishabhj01 aakanksha1two abhid10 rittikadeb shamithareddy vardhinii samikshyasahoo aayush987 abbhiishek abhilipsasahoo03 badaligc neelima-git akshi0515 1e9abhi1e10 ravenclaw-10 anushav-2002 anchita15 sachinmittal1766 rajdip-b aparajitachaturvedi

zerooctave-javascript-projects's Issues

Application Form

This is an Application Form , made with the help of HTML and CSS.
You can use this , when you want a quick ,yet an effective Form with features that lets you insert any file from your system and all the other features , required to create a good Application Form.

Word count calculator Enhancement

I have gone through word-count-calculator.html and found it very basic. I can add more features to it and make it more descriptive.

Review Project

In this project, we can review and view the profile of different people.

Dice Game

Hey @NOiR-07 !

I would like to add Dice game built using HTML,CSS and Js to this repository.

Can you assign me this issue with hacktoberfest label .

I wish to make a photo gallery app using html/css/js

Cheat-sheet of important Maths formulaes for students

I want to create a webpage containing cheat sheet of formulaes related to maths for students.
Please appoint this issue to me to resolve.

Hulu clone

I wish to add a Hulu clone to projects under Hacktoberfest 2021

Adding music player project.

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Added a Stone Paper Scissors game using HTML, CSS and JavaScript

Added a Stone Paper Scissors Game using HTML, CSS and JavaScript #95

I want to add a cheat sheet of emojis to your project

I am having various short codes of various the types of emojis which can be used on different purposes to be entered by the keyboard
Below is a picture of some of them.

I would like to add a simple NGO website having razorpay test gateway

I would like to contribute an NGO website for this repository as a part of hacktober fest

refining music player code

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

Go to '...'
Click on '....'
Scroll down to '....'
See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

OS: [e.g. iOS]
Browser [e.g. chrome, safari]
Version [e.g. 22]

Smartphone (please complete the following information):

Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser [e.g. stock browser, safari]
Version [e.g. 22]

Additional context
Add any other context about the problem here.

Add your web dev projects

Hey! Welcome to our repo, here you can contribute by adding your projects or by contributing to existing projects

While adding new projects make sure to check the pattern followed in the repo for HTML, CSS and JS files.

For e.g
Html files should be added in public folder with name .html
CSS files should be added in assets/css with name .css
JS files should be added in assets/Js with name .js (If available)

Make sure to attach a gif/ss showcasing your project

Create a new issue for adding projects

speed

A speed check.

Socials

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

A game called Find my Number

This is a frontend project where the user guesses the correct number. Lesser guesses lead to higher score. Here are the screenshots

This is for Hacktoberfest 2021. I want to contribute with this.

I want to add WEB D resources to your repo.

I want to add some cool web D resources to your repo
below is the image of various links related to this

Adding resume builder

Resume builders are a very import part of a students life
Pls give me a chance to add a resume builder made out of vanilla java script which has features like
1)making changes in a professionally designed resume
2)downloading the resume in pdf format
3)adding new elements to the resume

Snake game using Javascript

I want to create a snake game using java-script to contribute to our repository.

An app for workout

I want to contribute with a web app for workout with maps feature using Leaflet.
It is a JavaScript project, and uses geolocation API.

Please assign me this task for Hacktoberfest2021

Review project

In this project, we can review and view the profile of different people.

Documentation

A well described documentation is needed for this repository. Contributing guidelines & README should be well structured.

Rock Paper Scissor Game

Hi ,Please assign me to the Project named "Rock Paper Scissor" game for Hacktoberfest 2021. The aim of this game is to provide players with the opportunity to make meaningful decisions in relation to playing the game.

I wish to make a Covid19 awareness website using html/css/js

I want to contribute this project. This project going to be fully responsive. Please assign this issue under Hacktoberfest21.

Calculator

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Car Racing Game

I want to create a car racing game using simple HTML CSS and Java Script.

Landing Page or Home Page For a Restaurant Website

I would like to contribute a restaurant websites homepage to this repository for hacktober fest
It will be fully responsive having a nice navbar and footer

ToDo list

I want to create a To-Do list which will act as a daily planner to schedule your routine and make your day more productive.

A library web_Page

Hi, @NOiR-07 ,I wanted to contribute to this repository.

Landing Page Enhancement

You can Put landing page main files, index.html/style.css/script.js outside every folder and put every other things related to landing page inside assets.

for reference: https://github.com/Astrodevil/Awesome-JavaScript-Projects/blob/main/script.js
make a script.js file like this for landing page so that any new contributors can easily link there projects to landing page.

You Can drop your suggestions too.. If you can make it more simple to add projects.

Others Things You can Enhance:

Add logo
Add some documentation
Make Landing Page more Attractive

Popup project

In this project, we can click on a button then a popup notification will be displayed. It is made using Html, Css, and javascript.

Fully responsive and professionally designed navbar

This navbar is going to be useful responsive and unique and also ui and ux friendly as it is designed and then implemented

Three.js mini project

I would like to contribute three.js/react js frontend website along with a readme file with image files describing how I created it

i want to make note taking app

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Add your Web dev projects

Hey! Welcome to our repo, here you can contribute by adding your projects or by contributing to existing projects

While adding new projects make sure to check the pattern followed in the repo for HTML, CSS and JS files.

For e.g
Html files should be added in public folder with name .html
CSS files should be added in assets/css with name .css
JS files should be added in assets/Js with name .js (If available)

Make sure to attach a gif/ss showcasing your project

Create a new issue for adding projects

astrodevil / zerooctave-javascript-projects Goto Github PK

zerooctave-javascript-projects's Introduction

ZeroOctave JavaScript Projects

About❓

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

Before you begin💻

Tech-Stack🎓

Contributing Guidelines📝

This Will Help🌩️

Available Projects🦿

Project Maintainers🕵🏼‍♂

Thanks to all the people who contribute 💜

Best of luck for your development career👍😊

Feedback✌🏼

Show some ❤️ by starring⭐ this awesome Repository!

zerooctave-javascript-projects's People

Contributors

Stargazers

Watchers

Forkers

zerooctave-javascript-projects's Issues

Recommend Projects

Recommend Topics

Recommend Org