Skip to content

Commit 2ba4342

Browse files
aasimtaifaasimtaif
committed
A dictionary app in javascript
1 parent 8a2b31e commit 2ba4342

File tree

8 files changed

+204
-237
lines changed

8 files changed

+204
-237
lines changed

‎medium/Dictionary app/index.html‎

Lines changed: 0 additions & 59 deletions
This file was deleted.

‎medium/Dictionary app/style.css‎

Lines changed: 0 additions & 152 deletions
This file was deleted.

‎medium/dictionary_app/README.md‎

Lines changed: 0 additions & 18 deletions
This file was deleted.

‎medium/dictionary_app/app.js‎

Whitespace-only changes.

‎medium/dictionary_app/images/README.md‎

Lines changed: 0 additions & 3 deletions
This file was deleted.

‎medium/dictionary_app/index.html‎

Lines changed: 52 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,59 @@
11
<!DOCTYPE html>
2-
<html lang="en">
2+
<!-- Coding By CodingNepal - youtube.com/codingnepal -->
3+
<html lang="en" dir="ltr">
4+
35
<head>
4-
<meta charset="UTF-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta charset="utf-8">
7+
<title>Dictionary App in JavaScript | CodingNepal</title>
8+
<link rel="stylesheet" href="style.css">
69
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>Document</title>
10+
<!-- CDN Link for Icons -->
11+
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
12+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
813
</head>
14+
915
<body>
10-
16+
<div class="wrapper">
17+
<header>English Dictionary</header>
18+
<div class="search">
19+
<input type="text" placeholder="Search a word" required spellcheck="false">
20+
<i class="fas fa-search"></i>
21+
<span class="material-icons">close</span>
22+
</div>
23+
<p class="info-text">Type any existing word and press enter to get meaning, example, synonyms, etc.</p>
24+
<ul>
25+
<li class="word">
26+
<div class="details">
27+
<p>__</p>
28+
<span>_ _</span>
29+
</div>
30+
<i class="fas fa-volume-up"></i>
31+
</li>
32+
<div class="content">
33+
<li class="meaning">
34+
<div class="details">
35+
<p>Meaning</p>
36+
<span>___</span>
37+
</div>
38+
</li>
39+
<li class="example">
40+
<div class="details">
41+
<p>Example</p>
42+
<span>___</span>
43+
</div>
44+
</li>
45+
<li class="synonyms">
46+
<div class="details">
47+
<p>Synonyms</p>
48+
<div class="list"></div>
49+
</div>
50+
</li>
51+
</div>
52+
</ul>
53+
</div>
54+
55+
<script src="script.js"></script>
56+
1157
</body>
58+
1259
</html>

medium/Dictionary app/script.js renamed to medium/dictionary_app/script.js

File renamed without changes.

0 commit comments

Comments
 (0)