search

swapnilsparsh / 30DaysOfJavaScript

Projects made during the 30 days of the JavaScript challenge
https://30daysofjs.netlify.app
MIT License
915 stars 644 forks source link
30daysofjavascript hacktoberfest hacktoberfest2022 javascript javascript-projects javascript-vanilla js p5js

readme

30 Days Of JavaScript Awesome

Repo containing all the projects made in 30 Days while completing the 30 Days of JavaScript Challenge.

View Live Demo

30daysofjs.netlify.app
| Day | Name | | --- | :-------------------------------------------------------------------------------------------------: | | 1 | [Drum Kit](https://30daysofjs.netlify.app/projects/drum-kit/) | | 2 | [Clock](https://30daysofjs.netlify.app/projects/clock/) | | 3 | [Random Color Generator](https://30daysofjs.netlify.app/projects/random-color-generator/) | | 4 | [Digital Clock](https://30daysofjs.netlify.app/projects/digital-clock/) | | 5 | [Random Password Generator](https://30daysofjs.netlify.app/projects/random-password-generator/) | | 6 | [Calendar](https://30daysofjs.netlify.app/projects/calendar/) | | 7 | [Dynamic Form Field](https://30daysofjs.netlify.app/projects/dynamic-form-field/) | | 8 | [Number Counter](https://30daysofjs.netlify.app/projects/number-counter/) | | 9 | [Dice Roll](https://30daysofjs.netlify.app/projects/dice-roll/) | | 10 | [Emoji Switcher](https://30daysofjs.netlify.app/projects/emoji-switcher-like-discord/) | | Day | Name | | --- | :-------------------------------------------------------------------------------------------------: | | 11 | [Color Picker](https://30daysofjs.netlify.app/projects/color-picker/) | | 12 | [Custom QR Code](https://30daysofjs.netlify.app/projects/custom-qr-code/) | | 13 | [Favicon Fetcher](https://30daysofjs.netlify.app/projects/favicon-fetcher/) | | 14 | [Visit Counter](https://30daysofjs.netlify.app/projects/visit-counter/) | | 15 | [Joke Generator](https://30daysofjs.netlify.app/projects/joke-generator/) | | 16 | [Countdown Timer](https://30daysofjs.netlify.app/projects/countdown-timer/) | | 17 | [Text Speed Control](https://30daysofjs.netlify.app/projects/text-speed-control/) | | 18 | [Stopwatch](https://30daysofjs.netlify.app/projects/stopwatch/) | | 19 | [Traffic Lights](https://30daysofjs.netlify.app/projects/traffic-lights/) | | 20 | [Levitate Board](https://30daysofjs.netlify.app/projects/levitate-board/) | | Day | Name | | --- | :-------------------------------------------------------------------------------------------------: | | 21 | [Wave Effect](https://30daysofjs.netlify.app/projects/wave-effect/) | | 22 | [Zoom Effect](https://30daysofjs.netlify.app/projects/zoom-effect/) | | 23 | [Drawing Pad](https://30daysofjs.netlify.app/projects/drawing-pad/) | | 24 | [Word Counter](https://30daysofjs.netlify.app/projects/word-counter/) | | 25 | [Weather App](https://30daysofjs.netlify.app/projects/weather-app/) | | 26 | [Calculator](https://30daysofjs.netlify.app/projects/calculator/) | | 27 | [Memory Matching Game](https://30daysofjs.netlify.app/projects/memory-matching-game/) | | 28 | [Music Player](https://30daysofjs.netlify.app/projects/music-player/) | | 29 | [To Do List](https://30daysofjs.netlify.app/projects/to-do-list/) | | 30 | [Tic Tac Toe](https://30daysofjs.netlify.app/projects/tic-tac-toe/) |

Extra Practice

| Day | Name | | --- | :---------------------------------------------------------------------------------------------------: | | 31 | [Pop the Balloons](https://30daysofjs.netlify.app/projects/pop-the-balloons/) | | 32 | [Key Code](https://30daysofjs.netlify.app/projects/key-code/) | | 33 | [Decimal To Binary](https://30daysofjs.netlify.app/projects/decimal-to-binary/) | | 34 | [Hangman](https://30daysofjs.netlify.app/projects/hangman/) | | 35 | [Simple Form Validation](https://30daysofjs.netlify.app/projects/simple-form-validation/) | | 36 | [Lorem Ipsum Generator](https://30daysofjs.netlify.app/projects/lorem-ipsum-generator/) | | 37 | [RPS Game](https://30daysofjs.netlify.app/projects/rps-game/start/) | | 38 | [Snake Game](https://30daysofjs.netlify.app/projects/snake-game/) | | 39 | [Age Calculator](https://30daysofjs.netlify.app/projects/age-calculator/) | | 40 | [Gradient Generator](https://30daysofjs.netlify.app/projects/gradient-generator/) | | 41 | [Sorting Visualizer](https://30daysofjs.netlify.app/projects/sorting-visualizer/) | | 42 | [PixSort Studio](https://30daysofjs.netlify.app/projects/pixsort-studio/) | | 43 | [Getting Started with APIs](https://30daysofjs.netlify.app/projects/getting-started-with-apis/) | | 44 | [Block Runner](https://30daysofjs.netlify.app/projects/block-runner/) | | 45 | [Dice Game](https://30daysofjs.netlify.app/projects/dice-game/) | | 46 | [Palindrome Checker](https://30daysofjs.netlify.app/projects/palindrome-checker/) | | 47 | [Caesar Cipher](https://30daysofjs.netlify.app/projects/caesar-cipher/) | | 48 | [Weight Converter](https://30daysofjs.netlify.app/projects/weight-converter/) | | 49 | [Image Utility](https://30daysofjs.netlify.app/projects/image-utility/) | | 50 | [Guess the Number](https://30daysofjs.netlify.app/projects/guess-the-number/) | | Day | Name | | --- | :-----------------------------------------------------------------------------------------------------------------: | | 51 | [Balloon Game](https://30daysofjs.netlify.app/projects/balloon-game/) | | 52 | [Temperature Converter](https://30daysofjs.netlify.app/projects/temperature-converter/) | | 53 | [Notes Taking App](https://30daysofjs.netlify.app/projects/notes-taking-app/) | | 54 | [N Queen Visualizer](https://30daysofjs.netlify.app/projects/n-queen-visualizer/) | | 55 | [Bubble Shooting Game](https://30daysofjs.netlify.app/projects/bubble-shooting-game/) | | 56 | [Stick Hero Game](https://30daysofjs.netlify.app/projects/stick-hero-game/) | | 57 | [Quiz App](https://30daysofjs.netlify.app/projects/quiz-app/) | | 58 | [Simon Game](https://30daysofjs.netlify.app/projects/simon-game/) | | 59 | [Color Choosing Game](https://30daysofjs.netlify.app/projects/color-choosing-game/) | | 60 | [Reaction Time](https://30daysofjs.netlify.app/projects/reaction-time/) | | 61 | [Wall Breaker Game](https://30daysofjs.netlify.app/projects/wall-breaker-game/) | | 62 | [Dot Connect Game](https://30daysofjs.netlify.app/projects/dot-connect-game/) | | 63 | [Insect Catching Game](https://30daysofjs.netlify.app/projects/insect-catching-game/) | | 64 | [Particle Effect Animation](https://30daysofjs.netlify.app/projects/particle-effect-animation/) | | 65 | [Postmaster Clone](https://30daysofjs.netlify.app/projects/postmaster-clone/) | | 66 | [Text to Speech Converter](https://30daysofjs.netlify.app/projects/text-to-speech-converter/) | | 67 | [Currency Converter](https://30daysofjs.netlify.app/projects/currency-converter/) | | 68 | [Movie TV Series Quote Generator](https://30daysofjs.netlify.app/projects/movie-tv-series-quote-generator/) | | 69 | [Pattern Generator](https://30daysofjs.netlify.app/projects/pattern-generator/) | | 70 | [Transpose Matrix Calculator](https://30daysofjs.netlify.app/projects/transpose-matrix-calculator/) | | Day | Name | | --- | :-----------------------------------------------------------------------------------------------------: | | 71 | [Steal Diamond Game](https://30daysofjs.netlify.app/projects/steal-diamond-game/) | | 72 | [Typing Platform](https://30daysofjs.netlify.app/projects/typing-platform/) | | 73 | [Casino Slot Machine Game](https://30daysofjs.netlify.app/projects/casino-slot-machine-game/) | | 74 | [Color Game](https://30daysofjs.netlify.app/projects/color-game/) | | 75 | [Movie Search App](https://30daysofjs.netlify.app/projects/movie-search-app/) | | 76 | [Car Game](https://30daysofjs.netlify.app/projects/car-game/) | | 77 | [Search Github Profile](https://30daysofjs.netlify.app/projects/search-github-profile/) | | 78 | [Dictionary App](https://30daysofjs.netlify.app/projects/dictionary-app/) | | 79 | [Three Number](https://30daysofjs.netlify.app/projects/three-number/) | | 80 | [Sudoku](https://30daysofjs.netlify.app/projects/sudoku/) | | 81 | [Hangman Game](https://30daysofjs.netlify.app/projects/hangman-game/) | | 82 | [Falling Ball Game](https://30daysofjs.netlify.app/projects/falling-ball-game/) | | 83 | [Dot Target Game](https://30daysofjs.netlify.app/projects/dot-target-game/) | | 84 | [Tetris Game](https://30daysofjs.netlify.app/projects/tetris-game/) | | 85 | [Sticky Notes](https://30daysofjs.netlify.app/projects/sticky-notes/) | | 86 | [Spin The Wheel Game](https://30daysofjs.netlify.app/projects/spin-the-wheel-game/) | | 87 | [Body Mass Index Calculator](https://30daysofjs.netlify.app/projects/body-mass-index-calculator/) | | 88 | [Ping Pong Game](https://30daysofjs.netlify.app/projects/ping-pong-game/) | | 89 | [Projectile Motion Simulator](https://30daysofjs.netlify.app/projects/projectile-motion-simulator/) | | 90 | [Atari Game](https://30daysofjs.netlify.app/projects/atari-game/) |
| Day | Name | | --- | :----------------------------------------------------------------------------------------------------------------------------------: | | 91 | [Multiply Math Game](https://30daysofjs.netlify.app/projects/multiply-math-game/) | | 92 | [Casio](https://30daysofjs.netlify.app/projects/casio/) | | 93 | [Typer](https://30daysofjs.netlify.app/projects/typer/) | | 94 | [Word Guess](https://30daysofjs.netlify.app/projects/word-guess/) | | 95 | [Whack a Mole Game](https://30daysofjs.netlify.app/projects/whack-a-mole-game/) | | 96 | [Pomodoro Clock](https://30daysofjs.netlify.app/projects/pomodoro-clock/) | | 97 | [Captcha Generator](https://30daysofjs.netlify.app/projects/captcha-generator/) | | 98 | [Math Game](https://30daysofjs.netlify.app/projects/math-game/) | | 99 | [BlackJack Game](https://30daysofjs.netlify.app/projects/blackjack-game/) | | 100 | [Coin Game](https://30daysofjs.netlify.app/projects/coin-game/) | | 101 | [Bomb Throw Game](https://30daysofjs.netlify.app/projects/bomb-throw-game/) | | 102 | [Minesweeper Game](https://30daysofjs.netlify.app/projects/minesweeper-game/) | | 103 | [Retro Mario Game](https://30daysofjs.netlify.app/projects/retro-mario-game/) | | 104 | [Catch Me If You Can](https://30daysofjs.netlify.app/projects/catch-me-if-you-can/) | | 105 | [Word For Alphabet Speak Aloud](https://30daysofjs.netlify.app/projects/word-for-alphabet-speak-aloud/) | | 106 | [Snowy Particle Js](https://30daysofjs.netlify.app/projects/snowy-particle-js/) | | 107 | [Stack Game](https://30daysofjs.netlify.app/projects/stack-game/) | | 108 | [Maths Addition](https://30daysofjs.netlify.app/projects/maths-addition/) | | 109 | [Number Facts](https://30daysofjs.netlify.app/projects/number-facts/) | | 110 | [Pixel to em Converter](https://30daysofjs.netlify.app/projects/pixel-to-em-converter/) | | 111 | [Luminosity Particle Js](https://30daysofjs.netlify.app/projects/luminosity-particle-js/) | | 112 | [Maze Game](https://30daysofjs.netlify.app/projects/maze-game/) | | 113 | [Minesweeper](https://30daysofjs.netlify.app/projects/minesweeper/) | | 114 | [Movie Guessing Game](https://30daysofjs.netlify.app/projects/movie-guessing-game/) | | 116 | [Shell Game](https://30daysofjs.netlify.app/projects/shell-game/) | | 117 | [Guess the Shape](https://30daysofjs.netlify.app/projects/guess-the-shape/) | | 118 | [Match 3 Game](https://30daysofjs.netlify.app/projects/match-3-game/) | | 119 | [Guess the Country](https://30daysofjs.netlify.app/projects/guess-the-country/) | | 124 | [2048 Game](https://30daysofjs.netlify.app/projects/2048-game/) | | 125 | [Flappy Bird Game](https://30daysofjs.netlify.app/projects/flappy-bird-game/) | | 126 | [Arcade Game](https://30daysofjs.netlify.app/projects/arcade-game/) |

Code of Conduct

To maintain a safe and inclusive space for everyone to learn and grow, contributors are advised to follow the Code of Conduct.

Our valuable Contributors

License

This project follows the MIT License.

Made with ♥ by Swapnil Srivastava

forthebadge

github

linkedin