<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="30DaysOfJavaScript/style.css" />
<link rel="shortcut icon" href="30DaysOfJavaScript/assets/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" />
<script language="JavaScript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script src="30DaysOfJavaScript/script.js"></script>
<title>30 Days of JavaScript</title>
</head>
<body id="body" class="dark-mode" onload="loading()">
<!-- Heading -->
<div class="top">
<h1>30 Days of JavaScript</h1>
<input id="searchbar" onkeyup="search_project()" type="text" name="search" placeholder='Search projects.....' />
<!-- Dark Mode Button -->
<button id="toggle" class="toggleButton" type="button" onclick="toggleDarkLight()">🌙</button>
</div>
<!-- Octocat svg -->
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript" class="github-corner" target="_blank" position:
absolute; top: 0; border: 0; right: 0; " aria-hidden=" true">
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
<path
d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
fill="currentColor" style="transform-origin: 130px 106px" class="octo-arm"></path>
<path
d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
fill="currentColor" class="octo-body"></path>
</svg>
</a>
<!-- Octocat svg end -->
<!-- Scroll To Top -->
<a class="scrollToTop"><span></span></a>
<!-- Scroll to Top End -->
<!-- <i class="fa-brands fa-square-github"></i> -->
<!-- Main Section Start -->
<div class="main">
<div class="item">
<img src="30DaysOfJavaScript/assets/01.png" alt="Drum Kit" />
<h4>Drum Kit</h4>
</a>
<a target="_blank" href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/01%20-%20Drum%20Kit">
<i class="fa-brands fa-square-github"></i>
<a target="_blank" href="01 - Drum Kit/index.html"><i class="fa-solid fa-link"></i> </a>
</a>
</div>
</a>
<div class="item">
<img src="30DaysOfJavaScript/assets/02.png" alt="Clock" />
<h4>Clock</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/02%20-%20Clock">
<i class="fa-brands fa-square-github"></i>
<center> <a href="02 - Clock/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/03.png" alt="Random Color Generator" />
<h4>Random Color Generator</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/03%20-%20Random%20Color%20Generator">
<i class="fa-brands fa-square-github"></i>
<center> <a href="03 - Random Color Generator/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/04.png" alt="Digital Clock" />
<h4>Digital Clock</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/04%20-%20Digital%20Clock">
<i class="fa-brands fa-square-github"></i>
<center> <a href="04 - Digital Clock/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/05.png" alt="Random Password Generator" />
<h4 style="padding-left: 0px; padding-right: 0px;">Random Password Generator</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/05%20-%20Random%20Password%20Generator">
<i class="fa-brands fa-square-github"></i>
<center> <a href="05 - Random Password Generator/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/06.png" alt="Calendar" />
<h4>Calendar</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/06%20-%20Calendar">
<i class="fa-brands fa-square-github"></i>
<center> <a href="06 - Calendar/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/07.png" alt="Dynamic Form Field" />
<h4>Dynamic Form Field</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/07%20-%20Dynamic%20Form%20Field">
<i class="fa-brands fa-square-github"></i>
<center> <a href="07 - Dynamic Form Field/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/08.png" alt="Number Counter" />
<h4>Number Counter</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/08%20-%20Number%20Counter">
<i class="fa-brands fa-square-github"></i>
<center> <a href="08 - Number Counter/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/09.png" alt="Dice Roll" />
<h4>Dice Roll</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/09%20-%20Dice%20Roll">
<i class="fa-brands fa-square-github"></i>
<center> <a href="09 - Dice Roll/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/10.png" alt="Emoji Switcher" />
<h4>Emoji Switcher</h4>
</a>
<a
href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/10%20-%20Emoji%20Switcher%20like%20Discord">
<i class="fa-brands fa-square-github"></i>
<center> <a href="10 - Emoji Switcher like Discord/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/11.png" alt="Color Picker" />
<h4>Color Picker</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/11%20-%20Color%20Picker">
<i class="fa-brands fa-square-github"></i>
<center> <a href="11 - Color Picker/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/12.png" alt="Custom QR Code" />
<h4>Custom QR Code</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/12%20-%20Custom%20QR%20Code">
<i class="fa-brands fa-square-github"></i>
<center> <a href="12 - Custom QR Code/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/13.png" alt="Favicon Fetcher" />
<h4>Favicon Fetcher</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/13%20-%20Favicon%20Fetcher">
<i class="fa-brands fa-square-github"></i>
<center> <a href="13 - Favicon Fetcher/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/14.png" alt="Visit Counter" />
<h4>Visit Counter</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/14%20-%20Visit%20Counter">
<i class="fa-brands fa-square-github"></i>
<center> <a href="14 - Visit Counter/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/15.png" alt="Joke Generator" />
<h4>Joke Generator</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/15%20-%20Joke%20Generator">
<i class="fa-brands fa-square-github"></i>
<center> <a href="15 - Joke Generator/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/16.png" alt="Countdown Timer" />
<h4>Countdown Timer</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/16%20-%20Countdown%20Timer">
<i class="fa-brands fa-square-github"></i>
<center> <a href="16 - Countdown Timer/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/17.png" alt="Text Speed Control" />
<h4>Text Speed Control</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/17%20-%20Text%20Speed%20Control">
<i class="fa-brands fa-square-github"></i>
<center> <a href="17 - Text Speed Control/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/18.png" alt="Stopwatch" />
<h4>Stopwatch</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/18%20-%20Stopwatch">
<i class="fa-brands fa-square-github"></i>
<center> <a href="18 - Stopwatch/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/19.png" alt="Traffic Lights">
<h4>Traffic Lights</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/19%20-%20Traffic%20Lights">
<i class="fa-brands fa-square-github"></i>
<center> <a href="19 - Traffic Lights/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/20.png" alt="Levitate Board">
<h4>Levitate Board</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/20%20-%20Levitate%20Board">
<i class="fa-brands fa-square-github"></i>
<center> <a href="20 - Levitate Board/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/21.png" alt="Wave Effect">
<h4>Wave Effect</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/21%20-%20Wave%20Effect">
<i class="fa-brands fa-square-github"></i>
<center> <a href="21 - Wave Effect/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/22.png" alt="Zoom Effect">
<h4>Zoom Effect</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/22%20-%20Zoom%20Effect">
<i class="fa-brands fa-square-github"></i>
<center> <a href="22 - Zoom Effect/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/23.png" alt="Drawing Pad">
<h4>Drawing Pad</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/23%20-%20Drawing%20Pad">
<i class="fa-brands fa-square-github"></i>
<center> <a href="23 - Drawing Pad/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/24.png" alt="Word Counter">
<h4>Word Counter</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/24%20-%20Word%20Counter">
<i class="fa-brands fa-square-github"></i>
<center> <a href="24 - Word Counter/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/25.png" alt="Weather App">
<h4>Weather App </h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/25%20-%20Weather%20App">
<i class="fa-brands fa-square-github"></i>
<center> <a href="25 - Weather App/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/26.png" alt="Calculator">
<h4>Calculator</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/26%20-%20Calculator">
<i class="fa-brands fa-square-github"></i>
<center> <a href="26 - Calculator/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/27.png" alt="Memory Matching Game">
<h4>Memory Matching Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/27%20-%20Memory%20Matching%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="27 - Memory Matching Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/28.png" alt="Music Player">
<h4>Music Player</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/28%20-%20Music%20Player">
<i class="fa-brands fa-square-github"></i>
<center> <a href="28 - Music Player/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/29.png" alt="To Do List">
<h4>To Do List</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/29%20-%20To%20Do%20List">
<i class="fa-brands fa-square-github"></i>
<center> <a href="29 - To Do List/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/30.png" alt="Tic Tac Toe">
<h4>Tic Tac Toe</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/30%20-%20Tic%20Tac%20Toe">
<i class="fa-brands fa-square-github"></i>
<center> <a href="30 - Tic Tac Toe/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/31.png" alt="Pop the Balloons">
<h4>Pop the Balloons</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/31%20-%20Pop%20the%20Balloons">
<i class="fa-brands fa-square-github"></i>
<center> <a href="31 - Pop the Balloons/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/32.png" alt="Key Code">
<h4>Key Code</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/32%20-%20Key%20Code">
<i class="fa-brands fa-square-github"></i>
<center> <a href="32 - Key Code/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/34.png" alt="Virtual Piano">
<h4>Virtual Piano</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/34%20-%20Virtual%20Piano">
<i class="fa-brands fa-square-github"></i>
<center> <a href="34 - Virtual Piano/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/35.png" alt="Decimal To Binary">
<h4>Decimal To Binary</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/35%20-%20Decimal%20To%20Binary">
<i class="fa-brands fa-square-github"></i>
<center> <a href="35 - Decimal To Binary/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/36.png" alt="Hangman">
<h4>Hangman</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/36%20-%20Hangman">
<i class="fa-brands fa-square-github"></i>
<center> <a href="36 - Hangman/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/37.png" alt="RPS Game">
<h4>RPS Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/37%20-%20RPS%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="37 - RPS Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/38.png" alt="Snake-Game">
<h4>Snake-Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/38%20-%20Snake-Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="38 - Snake-Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/39.png" alt="Age Calculator">
<h4>Age Calculator</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/39%20-%20Age%20Calculator">
<i class="fa-brands fa-square-github"></i>
<center> <a href="39 - Age Calculator/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/40.png" alt="Gradient Generator">
<h4>Gradient Generator</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/40%20-%20Gradient%20Generator">
<i class="fa-brands fa-square-github"></i>
<center> <a href="40 - Gradient Generator/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/42.png" alt="Simple Form Validation">
<h4>Simple Form Validation</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/42%20-%20Simple%20Form%20Validation">
<i class="fa-brands fa-square-github"></i>
<center> <a href="42 - Simple Form Validation/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/43.png" alt="Getting Started with APIs">
<h4>Getting Started with APIs</h4>
</a>
<a
href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/43%20-%20Getting%20Started%20with%20APIs">
<i class="fa-brands fa-square-github"></i>
<center> <a href="43 - Getting Started with APIs/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/47.png" alt="Caesar Cipher">
<h4>Caesar Cipher</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/47%20-%20Caesar%20Cipher">
<i class="fa-brands fa-square-github"></i>
<center> <a href="47 - Caesar Cipher/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/52.png" alt="Temperature Convertor">
<h4>Temperature Convertor</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/52%20-%20Temperature%20Convertor">
<i class="fa-brands fa-square-github"></i>
<center> <a href="52 - Temperature Convertor/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/53.png" alt="Notes Taking App">
<h4>Notes Taking App</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/53%20-%20Notes%20Taking%20App">
<i class="fa-brands fa-square-github"></i>
<center> <a href="53 - Notes Taking App/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/55.png" alt="Weeblist">
<h4>Weeblist</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/55%20-%20Weeblist">
<i class="fa-brands fa-square-github"></i>
<center> <a href="55 - Weeblist/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/56.png" alt="Jokes Chrome Extension">
<h4>Jokes Chrome Extension</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/56%20-%20Jokes%20Chrome%20Extension">
<i class="fa-brands fa-square-github"></i>
<center> <a href="56 - Jokes Chrome Extension/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/57.png" alt="Quiz App">
<h4>Quiz App</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/57%20-%20Quiz%20App">
<i class="fa-brands fa-square-github"></i>
<center> <a href="57 - Quiz App/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/58.png" alt="Simon Game">
<h4>Simon Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/58%20-%20Simon%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="58 - Simon Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/59.png" alt="Color Choosing Game">
<h4>Color Choosing Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/59%20-%20Color%20Choosing%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="59 - Color Choosing Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/60.png" alt="News Website">
<h4>News Website</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/60%20-%20News%20Website">
<i class="fa-brands fa-square-github"></i>
<center> <a href="60 - News Website/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/61.png" alt="Greeting Card">
<h4>Greeting Card</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/61%20-%20Greeting%20Card">
<i class="fa-brands fa-square-github"></i>
<center> <a href="61 - Greeting Card/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/62.png" alt="IP Address Tracker">
<h4>IP Address Tracker</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/62%20-%20IP%20Address%20Tracker">
<i class="fa-brands fa-square-github"></i>
<center> <a href="62 - IP Address Tracker/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/63.png" alt="URL Bookmark">
<h4>URL Bookmark</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/63%20-%20URL%20Bookmark">
<i class="fa-brands fa-square-github"></i>
<center> <a href="63 - URL Bookmark/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/64.png" alt="Photo Editor">
<h4>Photo Editor</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/64%20-%20Photo%20Editor">
<i class="fa-brands fa-square-github"></i>
<center> <a href="64 - Photo Editor/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/65.png" alt="Postmaster Clone">
<h4>Postmaster Clone</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/65%20-%20Postmaster%20Clone">
<i class="fa-brands fa-square-github"></i>
<center> <a href="65 - Postmaster Clone/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/66.png" alt="Text to Speech Converter">
<h4>Text to Speech Converter</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/66%20-%20Text%20to%20Speech%20Converter">
<i class="fa-brands fa-square-github"></i>
<center> <a href="66 - Text to Speech Converter/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/67.png" alt="Currency Converter">
<h4>Currency Converter</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/67%20-%20Currency%20Converter">
<i class="fa-brands fa-square-github"></i>
<center> <a href="67 - Currency Converter/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/68.png" alt="Movie TV Series Quote Generator">
<h4 style="padding-left: 0px; padding-right: 0px;">Movie TV Series Quote Generator</h4>
</a>
<a
href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/68%20-%20Movie%20TV%20Series%20Quote%20Generator">
<i style="padding-left: 0px; padding-right: 0px;" class="fa-brands fa-square-github"></i>
<center> <a style="padding-left: 0px; padding-right: 0px;"
href="68 - Movie TV Series Quote Generator/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/69.png" alt="Food Delivery Site">
<h4>Food Delivery Site</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/69%20-%20Food%20Delivery%20Site">
<i class="fa-brands fa-square-github"></i>
<center> <a href="69 - Food Delivery Site/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/70.png" alt="Transpose Matrix Calculator">
<h4>Transpose Matrix Calculator</h4>
</a>
<a
href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/70%20-%20Transpose%20Matrix%20Calculator">
<i class="fa-brands fa-square-github"></i>
<center> <a href="70 - Transpose Matrix Calculator/index.htmll"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/71.png" alt="Background Color Changer">
<h4>Background Color Changer</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/71%20-%20Background%20Color%20Changer">
<i class="fa-brands fa-square-github"></i>
<center> <a href="71 - Background Color Changer/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/72.png" alt="Typing Platform">
<h4>Typing Platform</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/72%20-%20Typing%20Platform">
<i class="fa-brands fa-square-github"></i>
<center> <a href="72 - Typing Platform/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/73.png" alt="Casino Slot Machine Game">
<h4>Casino Slot Machine Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/73%20-%20Casino%20Slot%20Machine%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="73 - Casino Slot Machine Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/74.png" alt="Random Anime Profile">
<h4>Random Anime Profile</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/74%20-%20Random%20Anime%20Profile">
<i class="fa-brands fa-square-github"></i>
<center> <a href="74 - Random Anime Profile/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/75.png" alt="Movie Search App">
<h4>Movie Search App</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/75%20-%20Movie%20Search%20App">
<i class="fa-brands fa-square-github"></i>
<center> <a href="75 - Movie Search App/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/76.png" alt="Car Game">
<h4>Car Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/76%20-%20Car%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="76 - Car Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/77.png" alt="Search Github Profile">
<h4>Search Github Profile</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/77%20-%20Search%20Github%20Profile">
<i class="fa-brands fa-square-github"></i>
<center> <a href="77 - Search Github Profile/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/78.png" alt="Dictionary App">
<h4>Dictionary App</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/78%20-%20Dictionary%20App">
<i class="fa-brands fa-square-github"></i>
<center> <a href="78 - Dictionary App/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/79.png" alt="The Bet Game">
<h4>The Bet Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/79%20-%20The%20Bet%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="79 - The Bet Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/80.png" alt="Meditation App">
<h4>Meditation App</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/80%20-%20Meditation%20App">
<i class="fa-brands fa-square-github"></i>
<center> <a href="80 - Meditation App/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/81.png" alt="Flipbook">
<h4>Flipbook</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/81%20-%20Flipbook">
<i class="fa-brands fa-square-github"></i>
<center> <a href="81 - Flipbook/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/82.png" alt="Falling Ball Game">
<h4>Falling Ball Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/82%20-%20Falling%20Ball%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="82 - Falling Ball Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/83.png" alt="Guess Who Game">
<h4>Guess Who Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/83%20-%20Guess%20Who%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="83 - Guess Who Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/84.png" alt="Tetris Game">
<h4>Tetris Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/84%20-%20Tetris%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="84 - Tetris Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/85.png" alt="Menu Filter">
<h4>Menu Filter</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/85%20-%20Menu%20Filter">
<i class="fa-brands fa-square-github"></i>
<center> <a href="85 - Menu Filter/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/86.png" alt="Weight Conversion Tool">
<h4>Weight Conversion Tool</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/86%20-%20Weight%20Conversion%20Tool">
<i class="fa-brands fa-square-github"></i>
<center> <a href="86 - Weight Conversion Tool/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/87.png" alt="Body Mass Index Calculator">
<h4>Body Mass Index Calculator</h4>
</a>
<a
href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/87%20-%20Body%20Mass%20Index%20Calculator">
<i class="fa-brands fa-square-github"></i>
<center> <a href="87 - Body Mass Index Calculator/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/88.png" alt="Ping Pong Game">
<h4>Ping Pong Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/88%20-%20Ping%20Pong%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="88 - Ping Pong Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/89.png" alt="Projectile Motion Simulator">
<h4>Projectile Motion Simulator</h4>
</a>
<a
href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/89%20-%20Projectile%20Motion%20Simulator">
<i class="fa-brands fa-square-github"></i>
<center> <a href="89 - Projectile Motion Simulator/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/90.png" alt="Guess the Number">
<h4>Guess the Number</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/90%20-%20Guess%20the%20Number">
<i class="fa-brands fa-square-github"></i>
<center> <a href="90 - Guess the Number/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/91.png" alt="CRUD Application">
<h4>CRUD Application</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/91%20-%20CRUD%20Application">
<i class="fa-brands fa-square-github"></i>
<center> <a href="91 - CRUD Application/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/92.png" alt="Casio">
<h4>Casio</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/92%20-%20Casio">
<i class="fa-brands fa-square-github"></i>
<center> <a href="92 - Casio/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/93.png" alt="Typer">
<h4>Typer</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/93%20-%20Typer">
<i class="fa-brands fa-square-github"></i>
<center> <a href="93 - Typer/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/94.png" alt="Windows 11 Clone">
<h4>Windows 11 Clone</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/94%20-%20Windows%2011%20Clone">
<i class="fa-brands fa-square-github"></i>
<center> <a href="94 - Windows 11 Clone/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/95.png" alt="Whack a Mole Game">
<h4>Whack a Mole Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/95%20-%20Whack%20a%20Mole%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="95 - Whack a Mole Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/96.png" alt="Pomodoro Clock">
<h4>Pomodoro Clock</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/96%20-%20Pomodoro%20Clock">
<i class="fa-brands fa-square-github"></i>
<center> <a href="96 - Pomodoro Clock/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/97.png" alt="Captcha Generator">
<h4>Captcha Generator</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/97%20-%20Captcha%20Generator">
<i class="fa-brands fa-square-github"></i>
<center> <a href="97 - Captcha Generator/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/98.png" alt="Loan Calculator">
<h4>Loan Calculator</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/98%20-%20Loan%20Calculator">
<i class="fa-brands fa-square-github"></i>
<center> <a href="98 - Loan Calculator/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/99.png" alt="BlackJack Game">
<h4>BlackJack Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/99%20-%20BlackJack%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="99 - BlackJack Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/100.png" alt="Quote of The Day">
<h4>Quote of The Day</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/100%20-%20Quote%20of%20The%20Day">
<i class="fa-brands fa-square-github"></i>
<center> <a href="100 - Quote of The Day/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/101.png" alt="Audio Visualizer">
<h4>Audio Visualizer</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/101%20-%20Audio%20Visualizer">
<i class="fa-brands fa-square-github"></i>
<center> <a href="101 - Audio Visualizer/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/102.png" alt="Minesweeper Game">
<h4>Minesweeper Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/102%20-%20Minesweeper%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="102 - Minesweeper Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/103.png" alt="Word Definition">
<h4>Word Definition</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/103%20-%20Word%20Definition">
<i class="fa-brands fa-square-github"></i>
<center> <a href="103 - Word Definition/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/104.png" alt="Catch Me If You Can">
<h4>Catch Me If You Can</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/104%20-%20Catch%20Me%20If%20You%20Can">
<i class="fa-brands fa-square-github"></i>
<center> <a href="104 - Catch Me If You Can/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/105.png" alt="Speech Recognitation">
<h4>Speech Recognitation</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/105%20-%20Speech%20Recognitation">
<i class="fa-brands fa-square-github"></i>
<center> <a href="105 - Speech Recognitation/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/106.png" alt="Student Grade Calculator">
<h4>Student Grade Calculator</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/106%20-%20Student%20Grade%20Calculator">
<i class="fa-brands fa-square-github"></i>
<center> <a href="106 - Student Grade Calculator/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/107.png" alt="Sudoku Game">
<h4>Sudoku Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/107%20-%20Sudoku%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="107 - Sudoku Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/108.png" alt="Maths addition">
<h4>Maths addition</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/108%20-%20Maths%20addition">
<i class="fa-brands fa-square-github"></i>
<center> <a href="108 - Maths addition/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/109.png" alt="Third Degree Equation Solver" />
<h4 style="padding-left: 0px; padding-right: 0px;">Third Degree Equation Solver</h4>
</a>
<a
href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/109%20-%20Third%20Degree%20Equation%20Solver">
<i class="fa-brands fa-square-github"></i>
<center> <a href="109 - Third Degree Equation Solver/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/110.png" alt="Pixel to em Converter">
<h4>Pixel to em Converter</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/110%20-%20Pixel%20to%20em%20Converter">
<i class="fa-brands fa-square-github"></i>
<center> <a href="110 - Pixel to em Converter/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/111.png" alt="BMI Calculator">
<h4>BMI Calculator</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/111%20-%20BMI%20Calculator">
<i class="fa-brands fa-square-github"></i>
<center> <a href="111 - BMI Calculator/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/112.png" alt="Meme Genrator">
<h4>Meme Genrator</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/112%20-%20Meme%20Genrator">
<i class="fa-brands fa-square-github"></i>
<center> <a href="112 - Meme Genrator/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/113.png" alt="Particle Effect Animation">
<h4>Particle Effect Animation</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/113%20-%20Particle%20Effect%20Animation">
<i class="fa-brands fa-square-github"></i>
<center> <a href="113 - Particle Effect Animation/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/114.png" alt="Weight Converter">
<h4>Weight Converter</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/114%20-%20Weight%20Converter">
<i class="fa-brands fa-square-github"></i>
<center> <a href="114 - Weight Converter/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/115.png" alt="Puzzle">
<h4>Puzzle</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/115%20-%20Puzzle">
<i class="fa-brands fa-square-github"></i>
<center> <a href="115 - Puzzle/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/116.png" alt="Simple Library Management">
<h4>Simple Library Management</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/116%20-%20Simple%20Library%20Management">
<i class="fa-brands fa-square-github"></i>
<center> <a href="116 - Simple Library Management/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/117.png" alt="Palindrome Checker">
<h4>Palindrome Checker</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/117%20-%20Palindrome%20Checker">
<i class="fa-brands fa-square-github"></i>
<center> <a href="117 - Palindrome Checker/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/118.png" alt="Ball Game">
<h4>Ball Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/118%20-%20Ball%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="118 - Ball Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/119.png" alt="Random Svg Generator">
<h4>Random Svg Generator</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/119%20-%20Random%20Svg%20Generator">
<i class="fa-brands fa-square-github"></i>
<center> <a href="119 - Random Svg Generator/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/120.png" alt="Find The Image">
<h4>Find The Image</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/120%20-%20Find%20The%20Image">
<i class="fa-brands fa-square-github"></i>
<center> <a href="120 - Find The Image/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/121.png" alt="ChargingStatus">
<h4>ChargingStatus</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/121%20-%20ChargingStatus">
<i class="fa-brands fa-square-github"></i>
<center> <a href="121 - ChargingStatus/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/122.png" alt="GitHub">
<h4>GitHub</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/122%20-%20GitHub">
<i class="fa-brands fa-square-github"></i>
<center> <a href="122 - GitHub/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/123.png" alt="Dino Game">
<h4>Dino Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/123%20-%20Dino%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="123 - Dino Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/124.png" alt="Lyrics Search App">
<h4>Lyrics Search App</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/124%20-%20Lyrics%20Search%20App">
<i class="fa-brands fa-square-github"></i>
<center> <a href="124 - Lyrics Search App/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/125.png" alt="Check your Os and Browser">
<h4>Check your Os and Browser</h4>
</a>
<a
href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/125%20-%20Check%20your%20Os%20and%20Browser">
<i class="fa-brands fa-square-github"></i>
<center> <a href="125 - Check your Os and Browser/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/126.png" alt="Postal Code">
<h4>Postal Code</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/126%20-%20Postal%20Code">
<i class="fa-brands fa-square-github"></i>
<center> <a href="126 - Postal Code/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/127.png" alt="Armstrong Checker">
<h4>Armstrong Checker</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/127%20-%20Armstrong%20Checker">
<i class="fa-brands fa-square-github"></i>
<center> <a href="127 - Armstrong Checker/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/128.png" alt="Bingo Card Generator">
<h4>Bingo Card Generator</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/128%20-%20Bingo%20Card%20Generator">
<i class="fa-brands fa-square-github"></i>
<center> <a href="128 - Bingo Card Generator/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/129.png" alt="Dice Game">
<h4>Dice Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/129%20-%20Dice%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="129 - Dice Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/130.png" alt="Get Mouse Position">
<h4>Get Mouse Position</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/130%20-%20Get%20Mouse%20Position">
<i class="fa-brands fa-square-github"></i>
<center> <a href="130 - Get Mouse Position/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/131.png" alt="Guess Number by Speech">
<h4>Guess Number by Speech</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/131%20-%20Guess%20Number%20by%20Speech">
<i class="fa-brands fa-square-github"></i>
<center> <a href="131 - Guess Number by Speech/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/132.png" alt="Leap Year Checker">
<h4>Leap Year Checker</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/132%20-%20Leap%20Year%20Checker">
<i class="fa-brands fa-square-github"></i>
<center> <a href="132 - Leap Year Checker/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/133.png" alt="Coin Toss Game">
<h4>Coin Toss Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/133%20-%20Coin%20Toss%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="133 - Coin Toss Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/134.png" alt="Stack Game">
<h4>Stack Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/134%20-%20Stack%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="134 - Stack Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/135.png" alt="Atari Game">
<h4>Atari Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/135%20-%20Atari%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="135 - Atari Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/136.png" alt="Block Runner">
<h4>Block Runner</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/136%20-%20Block%20Runner">
<i class="fa-brands fa-square-github"></i>
<center> <a href="136 - Block Runner/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/137.png" alt="Loading Crash Animation">
<h4>Loading Crash Animation</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/137%20-%20Loading%20Crash%20Animation">
<i class="fa-brands fa-square-github"></i>
<center> <a href="137 - Loading Crash Animation/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/138.png" alt="Meditation WebApp">
<h4>Meditation WebApp</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/138%20-%20Meditation%20WebApp">
<i class="fa-brands fa-square-github"></i>
<center> <a href="138 - Meditation WebApp/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/140.png" alt="Love Calculator">
<h4>Love Calculator</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/140%20-%20Love%20Calculator">
<i class="fa-brands fa-square-github"></i>
<center> <a href="140 - Love Calculator/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/141.png" alt="Luminosity Particle Js">
<h4>Luminosity Particle Js</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/141%20-%20Luminosity%20Particle%20Js">
<i class="fa-brands fa-square-github"></i>
<center> <a href="141 - Luminosity Particle Js/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/142.png" alt="Magic 8 Ball">
<h4>Magic 8 Ball</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/142%20-%20Magic%208%20Ball">
<i class="fa-brands fa-square-github"></i>
<center> <a href="142 - Magic 8 Ball/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/143.png" alt="Movie Ratings Application">
<h4>Movie Ratings Application</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/143%20-%20Movie%20Ratings%20Application">
<i class="fa-brands fa-square-github"></i>
<center> <a href="143 - Movie Ratings Application/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/144.png" alt="New Year Countdown">
<h4>New Year Countdown</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/144%20-%20New%20Year%20Countdown">
<i class="fa-brands fa-square-github"></i>
<center> <a href="144 - New Year Countdown/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/145.png" alt="Number Facts">
<h4>Number Facts</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/145%20-%20Number%20Facts">
<i class="fa-brands fa-square-github"></i>
<center> <a href="145 - Number Facts/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/146.png" alt="Quiz App">
<h4>Quiz App</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/146%20-%20Quiz%20App">
<i class="fa-brands fa-square-github"></i>
<center> <a href="146 - Quiz App/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/147.png" alt="Screen Recorder">
<h4>Screen Recorder</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/147%20-%20Screen%20Recorder">
<i class="fa-brands fa-square-github"></i>
<center> <a href="147 - Screen Recorder/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/148.png" alt="Side NavBar">
<h4>Side NavBar</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/148%20-%20Side%20NavBar">
<i class="fa-brands fa-square-github"></i>
<center> <a href="148 - Side NavBar/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/149.png" alt="Snake Game Voice">
<h4>Snake Game Voice</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/149%20-%20Snake%20Game%20Voice">
<i class="fa-brands fa-square-github"></i>
<center> <a href="149 - Snake Game Voice/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/150.png" alt="Snowy Particle Js">
<h4>Snowy Particle Js</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/150%20-%20Snowy%20Particle%20Js">
<i class="fa-brands fa-square-github"></i>
<center> <a href="150 - Snowy Particle Js/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/151.png" alt="Type Writer Effect">
<h4>Type Writer Effect</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/151%20-%20Type%20Writer%20Effect">
<i class="fa-brands fa-square-github"></i>
<center> <a href="151 - Type Writer Effect/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/152.png" alt="Voice Recorder">
<h4>Voice Recorder</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/152%20-%20Voice%20Recorder">
<i class="fa-brands fa-square-github"></i>
<center> <a href="152 - Voice Recorder/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/153.png" alt="Whatsapp Message Sender">
<h4>Whatsapp Message Sender</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/153%20-%20Whatsapp%20Message%20Sender">
<i class="fa-brands fa-square-github"></i>
<center> <a href="153 - Whatsapp Message Sender/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/154.png" alt="Word For Alphabet Speak Aloud">
<h4 style="padding-left: 0px; padding-right: 0px;">Word For Alphabet Speak Aloud</h4>
</a>
<a
href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/154%20-%20Word%20For%20Alphabet%20Speak%20Aloud">
<i style="padding-right: 0px; padding-left: 0px;" class="fa-brands fa-square-github"></i>
<center> <a href="154 - Word For Alphabet Speak Aloud/index.html"><i style="padding-left: 0px; "
class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/155.png" alt="Space Game">
<h4>Space Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/155%20-%20Space%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="155 - Space Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/156.png" alt="Color Rainfall">
<h4>Color Rainfall</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/156%20-%20Color%20Rainfall">
<i class="fa-brands fa-square-github"></i>
<center> <a href="156 - Color Rainfall/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/157.png" alt="3D Image Preview">
<h4>3D Image Preview</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/157%20-%203D%20Image%20Preview">
<i class="fa-brands fa-square-github"></i>
<center> <a href="157 - 3D Image Preview/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/158.png" alt="Maze Game">
<h4>Maze Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/158%20-%20Maze%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="158 - Maze Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/159.png" alt="Searcher">
<h4>Searcher</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/159%20-%20Searcher">
<i class="fa-brands fa-square-github"></i>
<center> <a href="159 - Searcher/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/160.png" alt="Call App">
<h4>Call App</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/160%20-%20Call%20App">
<i class="fa-brands fa-square-github"></i>
<center> <a href="160 - Call App/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/161.png" alt="Personal Assistant">
<h4>Personal Assistant</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/161%20-%20Personal%20Assistant">
<i class="fa-brands fa-square-github"></i>
<center> <a href="161 - Personal Assistant/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/162.png" alt="Retro Mario Game">
<h4>Retro Mario Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/162%20-%20Retro%20Mario%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="162 - Retro Mario Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/163.png" alt="Alarm App">
<h4>Alarm App</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/163%20-%20Alarm%20App">
<i class="fa-brands fa-square-github"></i>
<center> <a href="163 - Alarm App/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/164.png" alt="Bomb Throw Game">
<h4>Bomb Throw Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/164%20-%20Bomb%20Throw%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="164 - Bomb Throw Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/165.png" alt="CatGame">
<h4>CatGame</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/165%20-%20CatGame">
<i class="fa-brands fa-square-github"></i>
<center> <a href="165 - CatGame/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/166.png" alt="Coin Game">
<h4>Coin Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/166%20-%20Coin%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="166 - Coin Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/167.png" alt="Math Game">
<h4>Math Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/167%20-%20Math%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="167 - Math Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/168.png" alt="Word Guess">
<h4>Word Guess</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/168%20-%20Word%20Guess">
<i class="fa-brands fa-square-github"></i>
<center> <a href="168 - Word Guess/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/169.png" alt="ChatBot">
<h4>ChatBot</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/169%20-%20ChatBot">
<i class="fa-brands fa-square-github"></i>
<center> <a href="169 - ChatBot/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/170.png" alt="Expense Tracker">
<h4>Expense Tracker</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/170%20-%20Expense%20Tracker">
<i class="fa-brands fa-square-github"></i>
<center> <a href="170 - Expense Tracker/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/171.png" alt="AnalogDigital Clock">
<h4>AnalogDigital Clock</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/171%20-%20AnalogDigital%20Clock">
<i class="fa-brands fa-square-github"></i>
<center> <a href="171 - AnalogDigital Clock/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/172.png" alt="Math Game">
<h4>Math Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/172%20-%20Math%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="172 - Math Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/173.png" alt="Spin The Wheel Game">
<h4>Spin The Wheel Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/173%20-%20Spin%20The%20Wheel%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="173 - Spin The Wheel Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/174.png" alt="Sticky Notes">
<h4>Sticky Notes</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/174%20-%20Sticky%20Notes">
<i class="fa-brands fa-square-github"></i>
<center> <a href="174 - Sticky Notes/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/175.png" alt="T-rex runner Game">
<h4>T-rex runner Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/175%20-%20T-rex%20runner%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="175 - T-rex runner Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/176.png" alt="Dot Target Game">
<h4>Dot Target Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/176%20-%20Dot%20Target%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="176 - Dot Target Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/177.png" alt="Hangman Game">
<h4>Hangman Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/177%20-%20Hangman%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="177 - Hangman Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/178.png" alt="RunningCar">
<h4>RunningCar</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/178%20-%20RunningCar">
<i class="fa-brands fa-square-github"></i>
<center> <a href="178 - RunningCar/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/179.png" alt="Box Falling Game">
<h4>Box Falling Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/179%20-%20Box%20Falling%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="179 - Box Falling Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/180.png" alt="Sudoku">
<h4>Sudoku</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/180%20-%20Sudoku">
<i class="fa-brands fa-square-github"></i>
<center> <a href="180 - Sudoku/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/181.png" alt="Three Number">
<h4>Three Number</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/181%20-%20Three%20Number">
<i class="fa-brands fa-square-github"></i>
<center> <a href="181 - Three Number/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/182.png" alt="Color Game">
<h4>Color Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/182%20-%20Color%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="182 - Color Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/183.png" alt="Steal Diamond Game">
<h4>Steal Diamond Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/183%20-%20Steal%20Diamond%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="183 - Steal Diamond Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/184.png" alt="Pattern Generator">
<h4>Pattern Generator</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/184%20-%20Pattern%20Generator">
<i class="fa-brands fa-square-github"></i>
<center> <a href="184 - Pattern Generator/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/185.png" alt="Insect_Catching_Game">
<h4>Insect_Catching_Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/185%20-%20Insect_Catching_Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="185 - Insect_Catching_Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/186.png" alt="Picture in Picture">
<h4>Picture in Picture</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/186%20-%20Picture%20in%20Picture">
<i class="fa-brands fa-square-github"></i>
<center> <a href="186 - Picture in Picture/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/187.png" alt="Candy Crush">
<h4>Candy Crush</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/187%20-%20Candy%20Crush">
<i class="fa-brands fa-square-github"></i>
<center> <a href="187 - Candy Crush/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/188.png" alt="Resume Builder">
<h4>Resume Builder</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/188%20-%20Resume%20Builder">
<i class="fa-brands fa-square-github"></i>
<center> <a href="188 - Resume Builder/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/189.png" alt="Fractal Tree Visualizer">
<h4>Fractal Tree Visualizer</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/189%20-%20Fractal%20Tree%20Visualizer">
<i class="fa-brands fa-square-github"></i>
<center> <a href="189 - Fractal Tree Visualizer/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/190.png" alt="Resume Builder">
<h4>Resume Builder</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/190%20-%20Resume%20Builder">
<i class="fa-brands fa-square-github"></i>
<center> <a href="190 - Resume Builder/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/191.png" alt="Dot Connect Game">
<h4>Dot Connect Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/191%20-%20Dot%20Connect%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="191 - Dot Connect Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/192.png" alt="Wall Breaker Game">
<h4>Wall Breaker Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/192%20-%20Wall%20Breaker%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="192 - Wall Breaker Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/193.png" alt="Reaction Time">
<h4>Reaction Time</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/193%20-%20Reaction%20Time">
<i class="fa-brands fa-square-github"></i>
<center> <a href="193 - Reaction Time/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/194.png" alt="Certificate">
<h4>Certificate</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/194%20-%20Certificate">
<i class="fa-brands fa-square-github"></i>
<center> <a href="194 - Certificate/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/195.png" alt="Stick Hero Game">
<h4>Stick Hero Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/195%20-%20Stick%20Hero%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="195 - Stick Hero Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/196.png" alt="Windows 11">
<h4>Windows 11</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/196%20-%20Windows%2011">
<i class="fa-brands fa-square-github"></i>
<center> <a href="196 - Windows 11/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/197.png" alt="Bubble Shooting Game">
<h4>Bubble Shooting Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/197%20-%20Bubble%20Shooting%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="197 - Bubble Shooting Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/198.png" alt="Balloon Game">
<h4>Balloon Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/198%20-%20Balloon%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="198 - Balloon Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/199.png" alt="Guess the Number Game">
<h4>Guess the Number Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/199%20-%20Guess%20the%20Number%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="199 - Guess the Number Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/200.png" alt="Image Utility">
<h4>Image Utility</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/200%20-%20Image%20Utility">
<i class="fa-brands fa-square-github"></i>
<center> <a href="200 - Image Utility/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/201.png" alt="FlappyBird Game">
<h4>FlappyBird Game</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/201%20-%20FlappyBird%20Game">
<i class="fa-brands fa-square-github"></i>
<center> <a href="201 - FlappyBird Game/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/202.png" alt="TaskManagement">
<h4>TaskManagement</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/202%20-%20TaskManagement">
<i class="fa-brands fa-square-github"></i>
<center> <a href="202 - TaskManagement/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/203.png" alt="N Queen Visualizer">
<h4>N Queen Visualizer</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/203-%20N%20Queen%20Visualizer">
<i class="fa-brands fa-square-github"></i>
<center> <a href="203- N Queen Visualizer/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/203.png" alt="Portfolio">
<h4>Portfolio</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/203%20-%20Portfolio">
<i class="fa-brands fa-square-github"></i>
<center> <a href="203 - Portfolio/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/204.png" alt="Password Strength Checker">
<h4>Password Strength Checker</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/204%20-%20Password%20Strength%20Checker">
<i class="fa-brands fa-square-github"></i>
<center> <a href="204 - Password Strength Checker/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/205.png" alt="Domain Availability">
<h4>Domain Availability</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/205%20-%20Domain%20Availability">
<i class="fa-brands fa-square-github"></i>
<center> <a href="205 - Domain Availability/index.html"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/208.png" alt="PixSort Studio">
<h4>PixSort Studio</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/208%20-%20PixSort%20Studio">
<i class="fa-brands fa-square-github"></i>
<center> <a href="208 - PixSort Studio"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
<div class="item">
<img src="30DaysOfJavaScript/assets/215.png" alt="PixSort Studio">
<h4>Lorem Ipsum Generator</h4>
</a>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript/tree/master/215%20-%20Lorem%20Ipsum%20Generator">
<i class="fa-brands fa-square-github"></i>
<center> <a href="215 - Lorem Ipsum Generator"><i class="fa-solid fa-link"></i> </a></center>
</a>
</div>
</div>
<!-- Main Section End -->
<!-- Footer Start -->
<footer>
<div class="pagination">
<button onclick="goToPreviousPage()">← Previous</button>
<button onclick="goToPage(1)" autofocus class="active">1</button>
<button onclick="goToPage(2)">2</button>
<button onclick="goToPage(3)">3</button>
<button onclick="goToPage(4)">4</button>
<button onclick="goToPage(5)">5</button>
<button onclick="goToPage(6)">6</button>
<button onclick="goToPage(7)">7</button>
<button onclick="goToNextPage()">Next →</button>
</div>
<p>< / > with ❤️ by
<a href="https://swapnilsparsh.github.io/">Swapnil Srivastava</a>
<br>
<a href="https://github.com/swapnilsparsh/30DaysOfJavaScript" target="_blank">#30DaysOfJavaScript</a>
</p>
</footer>
<script src="./30DaysOfJavaScript/script.js"></script>
</body>
</html>