Skip to content

Commit a66155b

Browse files
amit265amit265
committed
meta tag added
1 parent bf8baf0 commit a66155b

File tree

31 files changed

+420
-53
lines changed

31 files changed

+420
-53
lines changed

‎2d-breakout-game/index.html‎

Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,22 @@
22
<html lang="en">
33

44
<head>
5+
6+
<meta name="description"
7+
content="Play a simple 2D Breakout Game developed with JavaScript. Control the paddle to bounce the ball and break all the bricks." />
8+
<meta name="keywords"
9+
content="2D Breakout Game, JavaScript game, basic game, paddle game, brick breaker, simple game development" />
10+
<meta property="og:title" content="2D Breakout Game" />
11+
<meta property="og:description"
12+
content="Play a simple 2D Breakout Game developed with JavaScript. Control the paddle to bounce the ball and break all the bricks." />
13+
<meta property="og:image" content="https://coderespite.com/images/js-projects/2d-breakout-game.png" />
14+
<meta property="og:url" content="https://coderespite.com/projects/js-projects/2d-breakout-game" />
15+
<meta name="twitter:card" content="summary_large_image" />
16+
<meta name="twitter:title" content="2D Breakout Game" />
17+
<meta name="twitter:description"
18+
content="Play a simple 2D Breakout Game developed with JavaScript. Control the paddle to bounce the ball and break all the bricks." />
19+
<meta name="twitter:image" content="https://coderespite.com/images/js-projects/2d-breakout-game.png" />
20+
521
<meta charset="UTF-8">
622
<meta name="viewport" content="width=device-width, initial-scale=1.0">
723
<title>2D breakout Game</title>
@@ -19,7 +35,7 @@
1935
<button id="stopButton">Stop</button>
2036

2137
</div>
22-
38+
2339
</div>
2440

2541

‎age-calculator/index.html‎

Lines changed: 26 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,38 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
34
<head>
5+
<meta name="description"
6+
content="Calculate your age accurately in years, months, and days using this basic Age Calculator built with JavaScript." />
7+
<meta name="keywords"
8+
content="age calculator, calculate age, JavaScript age tool, basic calculator, birthday calculator" />
9+
<meta property="og:title" content="Age Calculator" />
10+
<meta property="og:description"
11+
content="Calculate your age accurately in years, months, and days using this basic Age Calculator built with JavaScript." />
12+
<meta property="og:image" content="https://coderespite.com/images/js-projects/age-calculator.png" />
13+
<meta property="og:url" content="https://coderespite.com/projects/js-projects/age-calculator" />
14+
<meta name="twitter:card" content="summary_large_image" />
15+
<meta name="twitter:title" content="Age Calculator" />
16+
<meta name="twitter:description"
17+
content="Calculate your age accurately in years, months, and days using this basic Age Calculator built with JavaScript." />
18+
<meta name="twitter:image" content="https://coderespite.com/images/js-projects/age-calculator.png" />
19+
420
<link rel="stylesheet" href="styles.css">
521
<meta charset="UTF-8">
622
<meta name="viewport" content="width=device-width, initial-scale=1.0">
723
<title>Age Calculator</title>
824
</head>
25+
926
<body>
10-
<main>
11-
<h1 id="title">Age Calculator</h1>
12-
<label for="dob">Enter you date of birth</label>
13-
<input type="date" name="" id="dob">
14-
<button id="calculate">Calculate Age</button>
15-
<h3 id="output"></h3>
27+
<main>
28+
<h1 id="title">Age Calculator</h1>
29+
<label for="dob">Enter you date of birth</label>
30+
<input type="date" name="" id="dob">
31+
<button id="calculate">Calculate Age</button>
32+
<h3 id="output"></h3>
1633

17-
</main>
18-
<script src="script.js"></script>
34+
</main>
35+
<script src="script.js"></script>
1936
</body>
37+
2038
</html>

‎bookly/index.html‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,27 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
34
<head>
5+
<meta name="description"
6+
content="Manage and track your reading list with Bookly, a simple JavaScript app for book lovers." />
7+
<meta name="keywords" content="book management, reading list, JavaScript app, book tracking, simple book app" />
8+
<meta property="og:title" content="Bookly" />
9+
<meta property="og:description"
10+
content="Manage and track your reading list with Bookly, a simple JavaScript app for book lovers." />
11+
<meta property="og:image" content="https://coderespite.com/images/js-projects/bookly.png" />
12+
<meta property="og:url" content="https://coderespite.com/projects/js-projects/bookly" />
13+
<meta name="twitter:card" content="summary_large_image" />
14+
<meta name="twitter:title" content="Bookly" />
15+
<meta name="twitter:description"
16+
content="Manage and track your reading list with Bookly, a simple JavaScript app for book lovers." />
17+
<meta name="twitter:image" content="https://coderespite.com/images/js-projects/bookly.png" />
18+
419
<meta charset="UTF-8">
520
<meta name="viewport" content="width=device-width, initial-scale=1.0">
621
<link rel="stylesheet" href="styles.css">
722
<title>Bookly</title>
823
</head>
24+
925
<body>
1026

1127
<div class="modal">
@@ -31,4 +47,5 @@ <h1 class="form_title">Add new books!</h1>
3147

3248
<script src="index.js"></script>
3349
</body>
50+
3451
</html>

‎canvas/index.html‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,17 @@
22
<html lang="en">
33

44
<head>
5+
<meta name="description" content="Explore creative drawing with Canvas, a basic JavaScript app to sketch and draw on an HTML5 canvas." />
6+
<meta name="keywords" content="JavaScript canvas, drawing app, sketching tool, HTML5 canvas, simple drawing application" />
7+
<meta property="og:title" content="Canvas" />
8+
<meta property="og:description" content="Explore creative drawing with Canvas, a basic JavaScript app to sketch and draw on an HTML5 canvas." />
9+
<meta property="og:image" content="https://coderespite.com/images/js-projects/canvas.png" />
10+
<meta property="og:url" content="https://coderespite.com/projects/js-projects/canvas" />
11+
<meta name="twitter:card" content="summary_large_image" />
12+
<meta name="twitter:title" content="Canvas" />
13+
<meta name="twitter:description" content="Explore creative drawing with Canvas, a basic JavaScript app to sketch and draw on an HTML5 canvas." />
14+
<meta name="twitter:image" content="https://coderespite.com/images/js-projects/canvas.png" />
15+
516
<meta charset="UTF-8">
617
<link rel="stylesheet" href="styles.css">
718
<meta name="viewport" content="width=device-width, initial-scale=1.0">

‎cash-register-project/index.html‎

Lines changed: 59 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,49 +1,64 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>Cash Register</title>
7-
<link rel="stylesheet" href="./styles.css" />
8-
</head>
9-
<body>
10-
<main>
11-
<img
12-
class="freecodecamp-logo"
13-
src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg"
14-
alt="freeCodeCamp Logo"
15-
/>
16-
<h1>Cash Register Project</h1>
17-
<div id="change-due"></div>
18-
<div class="input-div">
19-
<label for="cash">Enter cash from customer:</label>
20-
<input type="number" id="cash" class="user-input" value="" />
21-
<button class="check-btn-styles" id="purchase-btn">Purchase</button>
3+
4+
<head>
5+
<meta name="description"
6+
content="A simple JavaScript cash register application to calculate the exact change required for transactions." />
7+
<meta name="keywords"
8+
content="cash register, JavaScript cash app, transaction calculator, change calculator, basic JavaScript project" />
9+
<meta property="og:title" content="Cash Register Project" />
10+
<meta property="og:description"
11+
content="A simple JavaScript cash register application to calculate the exact change required for transactions." />
12+
<meta property="og:image" content="https://coderespite.com/images/js-projects/cash-register-project.png" />
13+
<meta property="og:url" content="https://coderespite.com/projects/js-projects/cash-register-project" />
14+
<meta name="twitter:card" content="summary_large_image" />
15+
<meta name="twitter:title" content="Cash Register Project" />
16+
<meta name="twitter:description"
17+
content="A simple JavaScript cash register application to calculate the exact change required for transactions." />
18+
<meta name="twitter:image" content="https://coderespite.com/images/js-projects/cash-register-project.png" />
19+
20+
<meta charset="UTF-8" />
21+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
22+
<title>Cash Register</title>
23+
<link rel="stylesheet" href="./styles.css" />
24+
</head>
25+
26+
<body>
27+
<main>
28+
<img class="freecodecamp-logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg"
29+
alt="freeCodeCamp Logo" />
30+
<h1>Cash Register Project</h1>
31+
<div id="change-due"></div>
32+
<div class="input-div">
33+
<label for="cash">Enter cash from customer:</label>
34+
<input type="number" id="cash" class="user-input" value="" />
35+
<button class="check-btn-styles" id="purchase-btn">Purchase</button>
36+
</div>
37+
<div class="container">
38+
<div class="top-display-screen-container">
39+
<p id="price-screen" class="price-screen"></p>
40+
<div class="connector"></div>
2241
</div>
23-
<div class="container">
24-
<div class="top-display-screen-container">
25-
<p id="price-screen" class="price-screen"></p>
26-
<div class="connector"></div>
27-
</div>
28-
<div class="top-register">
29-
<div class="btns-container">
30-
<button class="square"></button>
31-
<button class="square"></button>
32-
<button class="square"></button>
33-
<button class="square"></button>
34-
<button class="square"></button>
35-
<button class="square"></button>
36-
<button class="square"></button>
37-
<button class="square"></button>
38-
<button class="square"></button>
39-
</div>
40-
<div id="cash-drawer-display" class="cash-drawer-display"></div>
41-
</div>
42-
<div class="bottom-register">
43-
<div class="circle"></div>
42+
<div class="top-register">
43+
<div class="btns-container">
44+
<button class="square"></button>
45+
<button class="square"></button>
46+
<button class="square"></button>
47+
<button class="square"></button>
48+
<button class="square"></button>
49+
<button class="square"></button>
50+
<button class="square"></button>
51+
<button class="square"></button>
52+
<button class="square"></button>
4453
</div>
54+
<div id="cash-drawer-display" class="cash-drawer-display"></div>
55+
</div>
56+
<div class="bottom-register">
57+
<div class="circle"></div>
4558
</div>
46-
</main>
47-
<script src="./script.js"></script>
48-
</body>
49-
</html>
59+
</div>
60+
</main>
61+
<script src="./script.js"></script>
62+
</body>
63+
64+
</html>

‎character-counter/index.html‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,17 @@
22
<html lang="en">
33

44
<head>
5+
<meta name="description" content="Count characters efficiently with the Character Counter, a basic JavaScript application to track text input length." />
6+
<meta name="keywords" content="character counter, JavaScript character count, text input length, basic JavaScript app, text counter" />
7+
<meta property="og:title" content="Character Counter" />
8+
<meta property="og:description" content="Count characters efficiently with the Character Counter, a basic JavaScript application to track text input length." />
9+
<meta property="og:image" content="https://coderespite.com/images/js-projects/character-counter.png" />
10+
<meta property="og:url" content="https://coderespite.com/projects/js-projects/character-counter" />
11+
<meta name="twitter:card" content="summary_large_image" />
12+
<meta name="twitter:title" content="Character Counter" />
13+
<meta name="twitter:description" content="Count characters efficiently with the Character Counter, a basic JavaScript application to track text input length." />
14+
<meta name="twitter:image" content="https://coderespite.com/images/js-projects/character-counter.png" />
15+
516
<meta charset="UTF-8">
617
<link rel="stylesheet" href="styles.css">
718
<meta name="viewport" content="width=device-width, initial-scale=1.0">

‎dice-roll-simulator/index.html‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,17 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4+
<meta name="description" content="Simulate rolling dice with this simple JavaScript Dice Roll Simulator, perfect for testing random outcomes." />
5+
<meta name="keywords" content="dice roll simulator, JavaScript dice, random outcome, basic simulator, dice roller" />
6+
<meta property="og:title" content="Dice Roll Simulator" />
7+
<meta property="og:description" content="Simulate rolling dice with this simple JavaScript Dice Roll Simulator, perfect for testing random outcomes." />
8+
<meta property="og:image" content="https://coderespite.com/images/js-projects/dice-roll-simulator.png" />
9+
<meta property="og:url" content="https://coderespite.com/projects/js-projects/dice-roll-simulator" />
10+
<meta name="twitter:card" content="summary_large_image" />
11+
<meta name="twitter:title" content="Dice Roll Simulator" />
12+
<meta name="twitter:description" content="Simulate rolling dice with this simple JavaScript Dice Roll Simulator, perfect for testing random outcomes." />
13+
<meta name="twitter:image" content="https://coderespite.com/images/js-projects/dice-roll-simulator.png" />
14+
415
<meta charset="UTF-8">
516
<link rel="stylesheet" href="styles.css">
617
<meta name="viewport" content="width=device-width, initial-scale=1.0">

‎gallery/index.html‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,17 @@
22
<html>
33

44
<head>
5+
<meta name="description" content="A basic JavaScript Gallery application to showcase images in a clean and simple layout." />
6+
<meta name="keywords" content="gallery, JavaScript gallery app, image showcase, simple image gallery, basic JavaScript project" />
7+
<meta property="og:title" content="Gallery" />
8+
<meta property="og:description" content="A basic JavaScript Gallery application to showcase images in a clean and simple layout." />
9+
<meta property="og:image" content="https://coderespite.com/images/js-projects/gallery.png" />
10+
<meta property="og:url" content="https://coderespite.com/projects/js-projects/gallery" />
11+
<meta name="twitter:card" content="summary_large_image" />
12+
<meta name="twitter:title" content="Gallery" />
13+
<meta name="twitter:description" content="A basic JavaScript Gallery application to showcase images in a clean and simple layout." />
14+
<meta name="twitter:image" content="https://coderespite.com/images/js-projects/gallery.png" />
15+
516
<title>Gallery</title>
617
<link rel="stylesheet" href="styles.css">
718
<meta charset="utf-8">

‎github-account-finder/index.html‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,17 @@
22
<html lang="en">
33

44
<head>
5+
<meta name="description" content="Find GitHub profiles quickly using this GitHub Account Finder, a basic JavaScript app to search user accounts." />
6+
<meta name="keywords" content="GitHub account finder, JavaScript GitHub search, GitHub user search, basic account finder" />
7+
<meta property="og:title" content="GitHub Account Finder" />
8+
<meta property="og:description" content="Find GitHub profiles quickly using this GitHub Account Finder, a basic JavaScript app to search user accounts." />
9+
<meta property="og:image" content="https://coderespite.com/images/js-projects/github-account-finder.png" />
10+
<meta property="og:url" content="https://coderespite.com/projects/js-projects/github-account-finder" />
11+
<meta name="twitter:card" content="summary_large_image" />
12+
<meta name="twitter:title" content="GitHub Account Finder" />
13+
<meta name="twitter:description" content="Find GitHub profiles quickly using this GitHub Account Finder, a basic JavaScript app to search user accounts." />
14+
<meta name="twitter:image" content="https://coderespite.com/images/js-projects/github-account-finder.png" />
15+
516
<meta charset="UTF-8">
617
<meta name="viewport" content="width=device-width, initial-scale=1.0">
718
<title>Github user finder</title>

‎javascript-quiz/index.html‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,17 @@
22
<html lang="en">
33

44
<head>
5+
<meta name="description" content="Test your JavaScript knowledge with this interactive JavaScript Quiz application featuring multiple-choice questions." />
6+
<meta name="keywords" content="JavaScript quiz, quiz app, JavaScript knowledge test, multiple-choice quiz, basic quiz application" />
7+
<meta property="og:title" content="JavaScript Quiz" />
8+
<meta property="og:description" content="Test your JavaScript knowledge with this interactive JavaScript Quiz application featuring multiple-choice questions." />
9+
<meta property="og:image" content="https://coderespite.com/images/js-projects/javascript-quiz.png" />
10+
<meta property="og:url" content="https://coderespite.com/projects/js-projects/javascript-quiz" />
11+
<meta name="twitter:card" content="summary_large_image" />
12+
<meta name="twitter:title" content="JavaScript Quiz" />
13+
<meta name="twitter:description" content="Test your JavaScript knowledge with this interactive JavaScript Quiz application featuring multiple-choice questions." />
14+
<meta name="twitter:image" content="https://coderespite.com/images/js-projects/javascript-quiz.png" />
15+
516
<meta charset="UTF-8">
617
<meta name="viewport" content="width=device-width, initial-scale=1.0">
718
<link rel="stylesheet" href="styles.css">

0 commit comments

Comments
 (0)