-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproject.html
261 lines (253 loc) · 12.2 KB
/
project.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="shortcut icon" href="https://img.icons8.com/bubbles/100/000000/man-with-beard-in-green-t-shirt.png"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Projects | AnujKumar Yadav</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<section id="header">
<div class="headers container">
<div class="nav-bar">
<div class="brand">
<a href="index.html">
<h1><span>a</span>nuj <span>y</span>adav</h1>
</a>
</div>
<div class="nav-list">
<div class="hamburger">
<div class="bar"></div>
</div>
<ul>
<li><a href="index.html" data-after="Home">Home</a></li>
<li><a href="project.html" data-after="Projects">Projects</a></li>
<li><a href="blogs.html" data-after="Blogs">Blogs</a></li>
</ul>
</div>
</div>
</div>
</section>
<div class="container fluid-container">
<header class="heros">
<h1 class="hero-heading">My <span class="heading-inverted">Projects</span></h1>
</header>
<ol class="olPadding fontOfNumbers" reversed>
<li>
<article class="article article-padding ">
<h1 class="headings">Eagle Note</h1>
<time>June 13, 2022</time>
<p class="description">Eagle note is a notes web app for you to remember everything important. A central place for your notes, ideas, lists and reminders.
</p>
<a class="link" href="https://eagle-notes.netlify.app/">Open App</a>
<a class="btn1" href="https://github.com/anuj-kumary/Eagle-note">View Source</a>
</article>
</li>
<li>
<article class="article article-padding ">
<h1 class="headings">Mitro</h1>
<time>June 5, 2022</time>
<p class="description">Mitro is a Social Media App where you can share posts and learnings.
</p>
<a class="link" href="https://mitro.netlify.app/">Open App</a>
<a class="btn1" href="https://github.com/anuj-kumary/mitro">View Source</a>
</article>
</li>
<li>
<article class="article article-padding ">
<h1 class="headings">Tech Quiz</h1>
<time>May 27, 2022</time>
<p class="description">techQuiz - A fun Quiz App to test your knowledge on Gadgets
</p>
<a class="link" href="https://techquizzes.netlify.app/">Open App</a>
<a class="btn1" href="https://github.com/anuj-kumary/techquiz">View Source</a>
</article>
</li>
<li>
<article class="article article-padding ">
<h1 class="headings">Tech Hub</h1>
<time>May 21, 2022</time>
<p class="description">TechHub is a video library where you'll find all tech review related videos
</p>
<a class="link" href="https://techhub-react.netlify.app/">Open App</a>
<a class="btn1" href="https://github.com/anuj-kumary/TechHub">View Source</a>
</article>
</li>
<li>
<article class="article article-padding ">
<h1 class="headings">Eagle Store</h1>
<time>April 7, 2022</time>
<p class="description">Eagle Store is an ecommerce web app for Gadgets of various kinds. Eagle Store offer its users to purchase from a wide variety of Gadgets available.
</p>
<a class="link" href="https://eaglestores-react.netlify.app/">Open App</a>
<a class="btn1" href="https://github.com/anuj-kumary/Eagle-stores">View Source</a>
</article>
</li>
<li>
<article class="article article-padding ">
<h1 class="headings">EagleUI</h1>
<time>25 January, 2022</time>
<p class="description">Eagle is A lightweight and modular front-end framework for developing fast and powerful web interfaces. Documentation is completely Responsive for all device sizes.
</p>
<a class="link" href="https://eagleui.netlify.app/">Open App</a>
<a class="btn1" href="https://github.com/anuj-kumary/EagleUI">View Source</a>
</article>
</li>
<li>
<article class="article article-padding ">
<h1 class="headings">Birthdate Palindrome Check</h1>
<time>25 August, 2021</time>
<p class="description">Created an app in vanilla JS to check if entered birthdate is Palindrome. If it is not palindrome, then it will show nearest palindrome date and by how many days it got missed.
</p>
<a class="link" href="https://birthdayispalindrome.netlify.app/">Open App</a>
<a class="btn1" href="https://github.com/anuj-kumary/BirthdatePalindromeCheck">View Source</a>
</article>
</li>
<li>
<article class="article article-padding ">
<h1 class="headings">Stock Returns Calculator</h1>
<time>23 August, 2021</time>
<p class="description">This app is created using vanilla js which shows how much profit or loss we are having on our stocks.
</p>
<a class="link" href="https://stockprofitorlose.netlify.app/">Open App</a>
<a class="btn1" href="https://github.com/anuj-kumary/stockProfitLoss">View Source</a>
</article>
</li>
<li>
<article class="article article-padding ">
<h1 class="headings">Fun with triangles</h1>
<time>21 August, 2021</time>
<p class="description">Created an app in Vanilla JS to make learning about triangles fun.
</p>
<a class="link" href="https://fun-with-triangles-anuj.netlify.app/">Open App</a>
<a class="btn1" href="https://github.com/anuj-kumary/fun-with-triangles">View Source</a>
</article>
</li>
<li>
<article class="article article-padding ">
<h1 class="headings">Is your birthdate Lucky?</h1>
<time>19 August, 2021</time>
<p class="description">Created this app using Vanilla-JS, which tells if birthdate is lucky or not.
</p>
<a class="link" href="https://checkbirthdayluck.netlify.app/">Open App</a>
<a class="btn1" href="https://github.com/anuj-kumary/isYourBirthdayLucky">View Source</a>
</article>
</li>
<li>
<article class="article article-padding ">
<h1 class="headings">Cash Register Manager</h1>
<time>20 August, 2021</time>
<p class="description">Created app using Vanilla-JS. User can enter the bill amount and cash given by the customer and know minimum number of notes to return.
</p>
<a class="link" href="https://cash-registered-manager.netlify.app/">Open App</a>
<a class="btn1" href="https://github.com/anuj-kumary/Cash-Register-Manager">View Source</a>
</article>
</li>
<li>
<article class="article article-padding ">
<h1 class="headings">Best Web Series</h1>
<time>18 August, 2021</time>
<p class="description">This is a fun app to check best series of listed genres. This app is created using React-js.
</p>
<a class="link" href="https://sep1z.csb.app/">Open App</a>
<a class="btn1" href="https://github.com/anuj-kumary/BestSeries">View Source</a>
</article>
</li>
<li>
<article class="article article-padding ">
<h1 class="headings">Fun with Symbols</h1>
<time>18 August, 2021</time>
<p class="description">This is a fun app to check Symbols' by searching or clicking on listed Symbols on the page. Created with React-JS.
</p>
<a class="link" href="https://funwithsymbols.netlify.app/">Open App</a></button>
<button class="btn1"><a href="https://github.com/anuj-kumary/fun-with-symbols">View Source</a>
</article>
</li>
<li>
<article class="article article-padding ">
<h1 class="headings">Talk Like Pirates</h1>
<time>17 August, 2021</time>
<p class="description">This is a translation app to convert English to Pirates language. Check this app to talk like Pirates with your friends.
</p>
<a class="link" href="https://talkpirates.netlify.app/">Open App</a>
<a class="btn1" href="https://github.com/anuj-kumary/TalkPirates-markSeven">View Source</a>
</article>
</li>
<li>
<article class="article article-padding ">
<h1 class="headings">Talk Like Minions</h1>
<time>16 August, 2021</time>
<p class="description">This is a translation app to convert english to banana language. Minions speak in banana language in Animated movie Despicable me. This is a fun game to talk like minions in friends.
</p>
<a class="link" href="https://talkbanana-anujk.netlify.app/">Open App</a>
<a class="btn1" href="https://github.com/anuj-kumary/TalkBanana-markSix">View Source</a>
</article>
</li>
<li>
<article class="article article-padding ">
<h1 class="headings">Were you born in a leap year?(Vanilla JS)</h1>
<time>20 June, 2021</time>
<p class="description">This a small fun game, to check if user were born in a leap year. This app is created using Vanilla-JS.
</p>
<a class="link" href="https://wereyouborninleapyear.netlify.app/">Open App</a></button>
<a class="btn1" href="https://github.com/anuj-kumary/wereYouBornInLeapYear">View Source</a>
</article>
</li>
<li>
<article class="article article-padding">
<h1 class="headings">Have you watched Vampire Diaries?" Game</h1>
<time>12 May , 2021</time>
<p class="description">This is game created using JavaScript. This is CLI app. and used repl.it to host it. You can always use
this game to test your friends to check how much they know about Vampire Diaries.</p>
<a class="link"
href="https://replit.com/@anujkumary/VampireDiaries-Quiz#index.js?embed=1&output=1">Open App</a></button>
<a class="btn1" href="https://github.com/anuj-kumary/VampireDiaries-Quiz">View Source</a></button>
</article>
</li>
<li>
<article class="article article-padding ">
<h1 class="heading">How well do you know me?</h1>
<time>12 May, 2021</time>
<p class="description">A CLI app built with nodeJS. You can send this to your friends and find out who knows you better</p>
<a class="link"
href="https://replit.com/@anujkumary/QuizApp#index.js?embed=1&output=1">Open App</a>
<a class="btn1" href="https://github.com/anuj-kumary/QuizApp">View Source</a>
</article>
</li>
</div>
<!-- Footer -->
<section id="footer">
<div class="footer container">
<div class="brand"><h1><span>a</span>nuj <span>y</span>adav</h1></div>
<h2>Your Complete Web Solution</h2>
<div class="social-icon">
<div class="social-item">
<a href="https://www.linkedin.com/in/anujkumar-yadav-29b2521aa/" target="_blank"><img src="https://img.icons8.com/bubbles/100/000000/linkedin.png"/>
</div>
<div class="social-item">
<a href="https://www.instagram.com/iamanujk_" target="_blank"><img src="https://img.icons8.com/bubbles/100/000000/instagram-new.png"/></a>
</div>
<div class="social-item">
<a href="https://twitter.com/home" target="_blank"><img src="https://img.icons8.com/bubbles/100/000000/twitter.png"/></a>
</div>
<div class="social-item">
<a href="https://github.com/anuj-kumary" target="_blank"><img src="https://img.icons8.com/bubbles/100/000000/github.png"/></a>
</div>
</div>
<p>Copyright © 2021 Anuj. All rights reserved</p>
</div>
</section>
<!-- End Footer -->
<script>
const hamburger = document.querySelector('.headers .nav-bar .nav-list .hamburger');
const mobile_menu = document.querySelector('.headers .nav-bar .nav-list ul');
const menu_item = document.querySelectorAll('.headers .nav-bar .nav-list ul li a');
hamburger.addEventListener('click', () => {
hamburger.classList.toggle('active');
mobile_menu.classList.toggle('active');
});
</script>
</body>
</html>