# [30 Days Of JavaScript](30daysofjs.netlify.app) [![Awesome](https://awesome.re/badge.svg)](https://awesome.re) 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/01%20-%20drum%20kit/) | | 2 | [Clock](https://30daysofjs.netlify.app/02%20-%20clock/) | | 3 | [Random Color Generator](https://30daysofjs.netlify.app/03%20-%20random%20color%20generator/) | | 4 | [Digital Clock](https://30daysofjs.netlify.app/04%20-%20digital%20clock/) | | 5 | [Random Password Generator](https://30daysofjs.netlify.app/05%20-%20random%20password%20generator/) | | 6 | [Calendar](https://30daysofjs.netlify.app/06%20-%20calendar/) | | 7 | [Dynamic Form Field](https://30daysofjs.netlify.app/07%20-%20dynamic%20form%20field/) | | 8 | [Number Counter](https://30daysofjs.netlify.app/08%20-%20number%20counter/) | | 9 | [Dice Roll](https://30daysofjs.netlify.app/09%20-%20dice%20roll/) | | 10 | [Emoji Switcher](https://30daysofjs.netlify.app/10%20-%20emoji%20switcher%20like%20discord/) | | Day | Name | | --- | :-------------------------------------------------------------------------------------------------: | | 11 | [Color Picker](https://30daysofjs.netlify.app/11%20-%20color%20picker/) | | 12 | [Custom QR Code](https://30daysofjs.netlify.app/12%20-%20custom%20qr%20code/) | | 13 | [Favicon Fetcher](https://30daysofjs.netlify.app/13%20-%20favicon%20fetcher/) | | 14 | [Visit Counter](https://30daysofjs.netlify.app/14%20-%20visit%20counter/) | | 15 | [Joke Generator](https://30daysofjs.netlify.app/15%20-%20joke%20generator/) | | 16 | [Countdown Timer](https://30daysofjs.netlify.app/16%20-%20countdown%20timer/) | | 17 | [Text Speed Control](https://30daysofjs.netlify.app/17%20-%20text%20speed%20control/) | | 18 | [Stopwatch](https://30daysofjs.netlify.app/18%20-%20stopwatch/) | | 19 | [Traffic Lights](https://30daysofjs.netlify.app/19%20-%20traffic%20lights/) | | 20 | [Levitate Board](https://30daysofjs.netlify.app/20%20-%20levitate%20board/) | | Day | Name | | --- | :-------------------------------------------------------------------------------------------------: | | 21 | [Wave Effect](https://30daysofjs.netlify.app/21%20-%20wave%20effect/) | | 22 | [Zoom Effect](https://30daysofjs.netlify.app/22%20-%20zoom%20effect/) | | 23 | [Drawing Pad](https://30daysofjs.netlify.app/23%20-%20drawing%20pad/) | | 24 | [Word Counter](https://30daysofjs.netlify.app/24%20-%20word%20counter/) | | 25 | [Weather App](https://30daysofjs.netlify.app/25%20-%20weather%20app/) | | 26 | [Calculator](https://30daysofjs.netlify.app/26%20-%20calculator/) | | 27 | [Memory Matching Game](https://30daysofjs.netlify.app/27%20-%20memory%20matching%20game/) | | 28 | [Music Player](https://30daysofjs.netlify.app/28%20-%20music%20player/) | | 29 | [To Do List](https://30daysofjs.netlify.app/29%20-%20to%20do%20list/) | | 30 | [Tic Tac Toe](https://30daysofjs.netlify.app/30%20-%20tic%20tac%20toe/) |
## Extra Practice
| Day | Name | | --- | :-----------------------------------------------------------------------------------------------------------------: | | 31 | [Pop the Ballons](https://30daysofjs.netlify.app/31%20-%20pop%20the%20balloons/) | | 32 | [Key Code](https://30daysofjs.netlify.app/32%20-%20key%20code/) | | 34 | [Virtual Piano](https://30daysofjs.netlify.app/34%20-%20virtual%20piano/) | | 35 | [Decimal To Binary](https://30daysofjs.netlify.app/35%20-%20decimal%20to%20binary/) | | 36 | [Hangman](https://30daysofjs.netlify.app/36%20-%20hangman/) | | 37 | [RPS Game](https://30daysofjs.netlify.app/37%20-%20rps%20game/start) | | 38 | [Snake-Game](https://30daysofjs.netlify.app/38%20-%20snake-game/) | | 39 | [Age Calculator](https://30daysofjs.netlify.app/39%20-%20age%20calculator/) | | 40 | [Gradient Generator](https://30daysofjs.netlify.app/40%20-%20gradient%20generator/) | | 42 | [Simple Form Validation](https://30daysofjs.netlify.app/42%20-%20simple%20form%20validation/) | | 43 | [Getting Started with APIs](https://30daysofjs.netlify.app/43%20-%20getting%20started%20with%20apis/) | | 44 | [Infinite Scroll](https://30daysofjs.netlify.app/44%20-%20infinite%20scroll/) | | 47 | [Caesar Cipher](https://30daysofjs.netlify.app/47%20-%20caesar%20cipher/2_caesar_cipher) | | 52 | [Temperature Convertor](https://30daysofjs.netlify.app/52%20-%20Temperature%20Convertor/) | | 53 | [Notes Taking App](https://30daysofjs.netlify.app/53%20-%20Notes%20Taking%20App/) | | 55 | [Weeblist](https://30daysofjs.netlify.app/55%20-%20Weeblist/) | | 56 | [Jokes Chrome Extension](https://30daysofjs.netlify.app/56%20-%20Jokes%20Chrome%20Extension/) | | 57 | [Quiz App](https://30daysofjs.netlify.app/57%20-%20Quiz%20App/) | | 58 | [Simon Game](https://30daysofjs.netlify.app/58%20-%20Simon%20Game/) | | 59 | [Color Choosing Game](https://30daysofjs.netlify.app/59%20-%20Color%20Choosing%20Game/) | | 60 | [News Website](https://30daysofjs.netlify.app/60%20-%20News%20Website/) | | 61 | [Greeting Card](https://30daysofjs.netlify.app/61%20-%20Greeting%20Card/) | | 62 | [IP Address Tracker](https://30daysofjs.netlify.app/62%20-%20IP%20Address%20Tracker/) | | 63 | [URL Bookmark](https://30daysofjs.netlify.app/63%20-%20URL%20Bookmark/) | | 64 | [Photo Editor](https://30daysofjs.netlify.app/64%20-%20Photo%20Editor/) | | 65 | [Postmaster Clone](https://30daysofjs.netlify.app/65%20-%20Postmaster%20Clone/) | | 66 | [Text to Speech Converter](https://30daysofjs.netlify.app/66%20-%20Text%20to%20Speech%20Converter/) | | 67 | [Currency Converter](https://30daysofjs.netlify.app/67%20-%20Currency%20Converter/) | | 68 | [Movie TV Series Quote Generator](https://30daysofjs.netlify.app/68%20-%20Movie%20TV%20Series%20Quote%20Generator/) | | 69 | [Food Delivery Site](https://30daysofjs.netlify.app/69%20-%20Food%20Delivery%20Site/) | | 70 | [Transpose Matrix Calculator](https://30daysofjs.netlify.app/70%20-%20Transpose%20Matrix%20Calculator/) | | 71 | [Background Color Changer](https://30daysofjs.netlify.app/71%20-%20Background%20Color%20Changer/) | | 72 | [Typing Platform](https://30daysofjs.netlify.app/72%20-%20Typing%20Platform/) | | 73 | [Casino Slot Machine Game](https://30daysofjs.netlify.app/73%20-%20Casino%20Slot%20Machine%20Game/) | | 74 | [Random Anime Profile](https://30daysofjs.netlify.app/74%20-%20Random%20Anime%20Profile/) | | 75 | [Movie Search App](https://30daysofjs.netlify.app/75%20-%20Movie%20Search%20App/) | | 76 | [Car Game](https://30daysofjs.netlify.app/76%20-%20Car%20Game/) | | 77 | [Search Github Profile](https://30daysofjs.netlify.app/77%20-%20Search%20Github%20Profile/) | | 78 | [Dictionary App](https://30daysofjs.netlify.app/78%20-%20Dictionary%20App/) | | 79 | [The Bet Game](https://30daysofjs.netlify.app/79%20-%20The%20Bet%20Game/) | | 80 | [Meditation App](https://30daysofjs.netlify.app/80%20-%20Meditation%20App/) | | 81 | [Flipbook](https://30daysofjs.netlify.app/81%20-%20Flipbook/) | | 82 | [Falling Ball Game](https://30daysofjs.netlify.app/82%20-%20Falling%20Ball%20Game/) | | 83 | [Guess Who Game](https://30daysofjs.netlify.app/83%20-%20Guess%20Who%20Game/) | | 84 | [Tetris Game](https://30daysofjs.netlify.app/84%20-%20Tetris%20Game/) | | 85 | [Menu Filter](https://30daysofjs.netlify.app/85%20-%20Menu%20Filter/) | | 86 | [Weight Conversion Tool](https://30daysofjs.netlify.app/86%20-%20Weight%20Conversion%20Tool/) | | 87 | [Body Mass Index Calculator](https://30daysofjs.netlify.app/87%20-%20Body%20Mass%20Index%20Calculator/) | | 88 | [Ping Pong Game](https://30daysofjs.netlify.app/88%20-%20Ping%20Pong%20Game/) | | 89 | [Projectile Motion Simulator](https://30daysofjs.netlify.app/89%20-%20Projectile%20Motion%20Simulator/) | | Day | Name | | --- | :-----------------------------------------------------------------------------------------------------------------: | | 90 | [Guess the Number](https://30daysofjs.netlify.app/90%20-%20Guess%20the%20Number/) | | 91 | [CRUD Application](https://30daysofjs.netlify.app/91%20-%20CRUD%20Application/) | | 92 | [Casio](https://30daysofjs.netlify.app/92%20-%20Casio/) | | 93 | [Typer](https://30daysofjs.netlify.app/93%20-%20Typer/) | | 94 | [Windows 11 Clone](https://30daysofjs.netlify.app/94%20-%20Windows%2011%20Clone/) | | 95 | [Whack a Mole Game](https://30daysofjs.netlify.app/95%20-%20Whack%20a%20Mole%20Game/) | | 96 | [Pomodoro Clock](https://30daysofjs.netlify.app/96%20-%20Pomodoro%20Clock/) | | 97 | [Captcha Generator](https://30daysofjs.netlify.app/97%20-%20Captcha%20Generator/) | | 98 | [Loan Calculator](https://30daysofjs.netlify.app/98%20-%20Loan%20Calculator/) | | 99 | [BlackJack Game](https://30daysofjs.netlify.app/99%20-%20BlackJack%20Game/) | | 100 | [Quote of The Day](https://30daysofjs.netlify.app/100%20-%20Quote%20of%20The%20Day/) | | 101 | [Audio Visualizer](https://30daysofjs.netlify.app/101%20-%20Audio%20Visualizer/) | | 102 | [Minesweeper Game](https://30daysofjs.netlify.app/102%20-%20Minesweeper%20Game/) | | 103 | [Word Definition](https://30daysofjs.netlify.app/103%20-%20Word%20Definition/) | | 104 | [Catch Me If You Can](https://30daysofjs.netlify.app/104%20-%20Catch%20Me%20If%20You%20Can/) | | 105 | [Speech Recognitation](https://30daysofjs.netlify.app/105%20-%20Speech%20Recognitation/) | | 106 | [Student Grade Calculator](https://30daysofjs.netlify.app/106%20-%20Student%20Grade%20Calculator/) | | 107 | [Sudoku Game](https://30daysofjs.netlify.app/107%20-%20Sudoku%20Game/) | | 108 | [Maths addition](https://30daysofjs.netlify.app/108%20-%20Maths%20addition/) | | 109 | [Third Degree Equation Solver](https://30daysofjs.netlify.app/109%20-%20Third%20Degree%20Equation%20Solver/) | | 110 | [Pixel to em Converter](https://30daysofjs.netlify.app/110%20-%20Pixel%20to%20em%20Converter/) | | 111 | [BMI Calculator](https://30daysofjs.netlify.app/111%20-%20BMI%20Calculator/) | | 112 | [Meme Genrator](https://30daysofjs.netlify.app/112%20-%20Meme%20Genrator/) | | 113 | [Particle Effect Animation](https://30daysofjs.netlify.app/113%20-%20Particle%20Effect%20Animation/) | | 114 | [Weight Converter](https://30daysofjs.netlify.app/114%20-%20Weight%20Converter/) | | 115 | [Puzzle](https://30daysofjs.netlify.app/115%20-%20Puzzle/) | | 116 | [Simple Library Management](https://30daysofjs.netlify.app/116%20-%20Simple%20Library%20Management/) | | 117 | [Palindrome Checker](https://30daysofjs.netlify.app/117%20-%20Palindrome%20Checker/) | | 118 | [Ball Game](https://30daysofjs.netlify.app/118%20-%20Ball%20Game/) | | 119 | [Random Svg Generator](https://30daysofjs.netlify.app/119%20-%20Random%20Svg%20Generator/) | | 120 | [Find The Image](https://30daysofjs.netlify.app/120%20-%20Find%20The%20Image/) | | 121 | [ChargingStatus](https://30daysofjs.netlify.app/121%20-%20ChargingStatus/) | | 122 | [GitHub](https://30daysofjs.netlify.app/122%20-%20GitHub/) | | 123 | [Dino Game](https://30daysofjs.netlify.app/123%20-%20Dino%20Game/) | | 124 | [Lyrics Search App](https://30daysofjs.netlify.app/124%20-%20Lyrics%20Search%20App/) | | 125 | [Check your Os and Browser](https://30daysofjs.netlify.app/125%20-%20Check%20your%20Os%20and%20Browser/) | | 126 | [Postal Code](https://30daysofjs.netlify.app/126%20-%20Postal%20Code/) | | 127 | [Armstrong Checker](https://30daysofjs.netlify.app/127%20-%20Armstrong%20Checker/) | | 128 | [Bingo Card Generator](https://30daysofjs.netlify.app/128%20-%20Bingo%20Card%20Generator/) | | 129 | [Dice Game](https://30daysofjs.netlify.app/129%20-%20Dice%20Game/) | | 130 | [Get Mouse Position](https://30daysofjs.netlify.app/130%20-%20Get%20Mouse%20Position/) | | 131 | [Guess Number by Speech](https://30daysofjs.netlify.app/131%20-%20Guess%20Number%20by%20Speech/) | | 132 | [Leap Year Checker](https://30daysofjs.netlify.app/132%20-%20Leap%20Year%20Checker/) | | 133 | [Coin Toss Game](https://30daysofjs.netlify.app/133%20-%20Coin%20Toss%20Game/) | | 134 | [Stack Game](https://30daysofjs.netlify.app/134%20-%20Stack%20Game/) | | 135 | [Atari Game](https://30daysofjs.netlify.app/135%20-%20Atari%20Game/) | | 136 | [Block Runner](https://30daysofjs.netlify.app/136%20-%20Block%20Runner/) | | 137 | [Loading Crash Animation](https://30daysofjs.netlify.app/137%20-%20Loading%20Crash%20Animation/) | | 138 | [Meditation WebApp](https://30daysofjs.netlify.app/138%20-%20Meditation%20WebApp/) | | 140 | [Love Calculator](https://30daysofjs.netlify.app/140%20-%20Love%20Calculator/) | | 141 | [Luminosity Particle Js](https://30daysofjs.netlify.app/141%20-%20Luminosity%20Particle%20Js/) | | 142 | [Magic 8 Ball](https://30daysofjs.netlify.app/142%20-%20Magic%208%20Ball/) | | 143 | [Movie Ratings Application](https://30daysofjs.netlify.app/143%20-%20Movie%20Ratings%20Application/) | | 144 | [New Year Countdown](https://30daysofjs.netlify.app/144%20-%20New%20Year%20Countdown/) | | 145 | [Number Facts](https://30daysofjs.netlify.app/145%20-%20Number%20Facts/) | | 146 | [Quiz App](https://30daysofjs.netlify.app/146%20-%20Quiz%20App/) | | 147 | [Screen Recorder](https://30daysofjs.netlify.app/147%20-%20Screen%20Recorder/) | | Day | Name | | --- | :-----------------------------------------------------------------------------------------------------------------: | | 148 | [Side NavBar](https://30daysofjs.netlify.app/148%20-%20Side%20NavBar/) | | 149 | [Snake Game Voice](https://30daysofjs.netlify.app/149%20-%20Snake%20Game%20Voice/) | | 150 | [Snowy Particle Js](https://30daysofjs.netlify.app/150%20-%20Snowy%20Particle%20Js/) | | 151 | [Type Writer Effect](https://30daysofjs.netlify.app/151%20-%20Type%20Writer%20Effect/) | | 152 | [Voice Recorder](https://30daysofjs.netlify.app/152%20-%20Voice%20Recorder/) | | 153 | [Whatsapp Message Sender](https://30daysofjs.netlify.app/153%20-%20Whatsapp%20Message%20Sender/) | | 154 | [Word For Alphabet Speak Aloud](https://30daysofjs.netlify.app/154%20-%20Word%20For%20Alphabet%20Speak%20Aloud/) | | 155 | [Space Game](https://30daysofjs.netlify.app/155%20-%20Space%20Game/) | | 156 | [Color Rainfall](https://30daysofjs.netlify.app/156%20-%20Color%20Rainfall/) | | 157 | [3D Image Preview](https://30daysofjs.netlify.app/157%20-%203D%20Image%20Preview/) | | 158 | [Maze Game](https://30daysofjs.netlify.app/158%20-%20Maze%20Game/) | | 159 | [Searcher](https://30daysofjs.netlify.app/159%20-%20Searcher/) | | 160 | [Call App](https://30daysofjs.netlify.app/160%20-%20Call%20App/) | | 161 | [Personal Assistant](https://30daysofjs.netlify.app/161%20-%20Personal%20Assistant/) | | 162 | [Retro Mario Game](https://30daysofjs.netlify.app/162%20-%20Retro%20Mario%20Game/) | | 163 | [Alarm App](https://30daysofjs.netlify.app/163%20-%20Alarm%20App/) | | 164 | [Bomb Throw Game](https://30daysofjs.netlify.app/164%20-%20Bomb%20Throw%20Game/) | | 165 | [CatGame](https://30daysofjs.netlify.app/165%20-%20CatGame/) | | 166 | [Coin Game](https://30daysofjs.netlify.app/166%20-%20Coin%20Game/) | | 167 | [Math Game](https://30daysofjs.netlify.app/167%20-%20Math%20Game/) | | 168 | [Word Guess](https://30daysofjs.netlify.app/168%20-%20Word%20Guess/) | | 169 | [ChatBot](https://30daysofjs.netlify.app/169%20-%20ChatBot/) | | 170 | [Expense Tracker](https://30daysofjs.netlify.app/170%20-%20Expense%20Tracker/) | | 171 | [AnalogDigital Clock](https://30daysofjs.netlify.app/171%20-%20AnalogDigital%20Clock/) | | 172 | [Math Game](https://30daysofjs.netlify.app/172%20-%20Math%20Game/) | | 173 | [Spin The Wheel Game](https://30daysofjs.netlify.app/173%20-%20Spin%20The%20Wheel%20Game/) | | 174 | [Sticky Notes](https://30daysofjs.netlify.app/174%20-%20Sticky%20Notes/) | | 175 | [T-rex runner Game](https://30daysofjs.netlify.app/175%20-%20T-rex%20runner%20Game/) | | 176 | [Dot Target Game](https://30daysofjs.netlify.app/176%20-%20Dot%20Target%20Game/) | | 177 | [Hangman Game](https://30daysofjs.netlify.app/177%20-%20Hangman%20Game/) | | 178 | [RunningCar](https://30daysofjs.netlify.app/178%20-%20RunningCar/) | | 179 | [Box Falling Game](https://30daysofjs.netlify.app/179%20-%20Box%20Falling%20Game/) | | 180 | [Sudoku](https://30daysofjs.netlify.app/180%20-%20Sudoku/) | | 181 | [Three Number](https://30daysofjs.netlify.app/181%20-%20Three%20Number/) | | 182 | [Color Game](https://30daysofjs.netlify.app/182%20-%20Color%20Game/) | | 183 | [Steal Diamond Game](https://30daysofjs.netlify.app/183%20-%20Steal%20Diamond%20Game/) | | 184 | [Pattern Generator](https://30daysofjs.netlify.app/184%20-%20Pattern%20Generator/) | | 185 | [Insect_Catching_Game](https://30daysofjs.netlify.app/185%20-%20Insect_Catching_Game/) | | 186 | [Picture in Picture](https://30daysofjs.netlify.app/186%20-%20Picture%20in%20Picture/) | | 187 | [Candy Crush](https://30daysofjs.netlify.app/187%20-%20Candy%20Crush/) | | 188 | [Resume Builder](https://30daysofjs.netlify.app/188%20-%20Resume%20Builder/) | | 189 | [Fractal Tree Visualizer](https://30daysofjs.netlify.app/189%20-%20Fractal%20Tree%20Visualizer/) | | 190 | [Resume Builder](https://30daysofjs.netlify.app/190%20-%20Resume%20Builder/) | | 191 | [Dot Connect Game](https://30daysofjs.netlify.app/191%20-%20Dot%20Connect%20Game/) | | 192 | [Wall Breaker Game](https://30daysofjs.netlify.app/192%20-%20Wall%20Breaker%20Game/) | | 193 | [Reaction Time](https://30daysofjs.netlify.app/193%20-%20Reaction%20Time/) | | 194 | [Certificate](https://30daysofjs.netlify.app/194%20-%20Certificate/) | | 195 | [Stick Hero Game](https://30daysofjs.netlify.app/195%20-%20Stick%20Hero%20Game/) | | 196 | [Windows 11](https://30daysofjs.netlify.app/196%20-%20Windows%2011/) | | 197 | [Bubble Shooting Game](https://30daysofjs.netlify.app/197%20-%20Bubble%20Shooting%20Game/) | | 198 | [Balloon Game](https://30daysofjs.netlify.app/198%20-%20Balloon%20Game/) | | 199 | [Guess the Number Game](https://30daysofjs.netlify.app/199%20-%20Guess%20the%20Number%20Game/) | | 200 | [Image Utility](https://30daysofjs.netlify.app/200%20-%20Image%20Utility/) | | 201 | [FlappyBird Game](https://30daysofjs.netlify.app/201%20-%20FlappyBird%20Game/) | | 202 | [TaskManagement](https://30daysofjs.netlify.app/202%20-%20TaskManagement/) | | 203 | [N Queen Visualizer](https://30daysofjs.netlify.app/203-%20N%20Queen%20Visualizer/) | | 204 | [Portfolio](https://30daysofjs.netlify.app/204%20-%20Portfolio/) | | 205 | [Domain Availability](https://30daysofjs.netlify.app/205%20-%20Domain%20Availability/) |
## Contributing! Before making any contribution, big or small, Contributors are advised to go through the [Contributing Guidelines](./CONTRIBUTING.md). ## 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](./CODE_OF_CONDUCT.md). ## Our valuable Contributors ## License This project follows the [MIT License](/LICENSE). #### Made with ♥ by Swapnil Srivastava [![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://swapnilsparsh.github.io/) github linkedin