-
Notifications
You must be signed in to change notification settings - Fork 0
/
project.html
219 lines (143 loc) · 10 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
<!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">
<title>Dheeraj Purohit | Projects</title>
<link rel="apple-touch-icon" sizes="180x180" href="/jaggu.webp">
<link rel="icon" href="jaggu.webp" type="image/gif" sizes="180x180">
<link href="style.css" rel="stylesheet">
</head>
<body>
<nav class="navigation container sticky">
<div class="nav-brand">Dheeraj Purohit | Web Developer</div>
<ul class="unordered">
<li class="list-item-inline">
<a class="list-item" href="index.html">Home</a>
</li>
<li class="list-item-inline">
<a class="list-item link-active" href="project.html">Projects</a>
</li>
<li class="list-item-inline">
<a class="list-item" href="blog.html">Blogs</a>
</li>
</ul>
</nav>
<header class="header-project"><h1>See My <span class="header-code">
<strong>Code</strong>
</span></h1>
</header>
<section class="projects-class">
<article class="container-center showcase">
<h2>Movie-WatchList App</h2>
<small>May, 2021</small>
<p>Users can search , add or remove a movie from watchlist and watched page.
Built using ReactJs and implements the functionality of TMDB API.</p>
<a class="link primary-link" href="https://dheeraj-movie-app.web.app/">Live Project</a>
<a class="link secondary-link" href="https://github.com/purohitdheeraj/WatchList-App">Read Source Code</a>
</article>
<article class="container-center showcase">
<h2>FireGram - Image Gallery App</h2>
<small>May, 2021</small>
<p>Its an real-time image gallery app where we can upload pictures and it will be stored on the cloud (FireBase) and will be displayed in grid form on screen</p>
<a class="link primary-link" href="https://dheeraj-firegram.web.app/">Live Project</a>
<a class="link secondary-link" href="https://github.com/purohitdheeraj/FireGram">Read Source Code</a>
</article>
<article class="container-center showcase">
<h2>Jan Uvach-Chat App</h2>
<small>May, 2021</small>
<p>A Chatroom where users can communicate with other people.Built using React and Firebase</p>
<a class="link primary-link" href="https://jan-uvach.web.app/">Live Project</a>
<a class="link secondary-link" href="https://github.com/purohitdheeraj/Jan-Uvach-ChatApp">Read Source Code</a>
</article>
<article class="container-center showcase">
<h2>Evernote Clone App</h2>
<small>May, 2021</small>
<p>A note application which provides CRUD(create, read, update, delete) functionality.Built using React Class component, react-quill package, material ui</p>
<a class="link primary-link" href="https://dheeraj-evernote.web.app/">Live Project</a>
<a class="link secondary-link" href="https://github.com/purohitdheeraj/Evernote-Clone">Read Source Code</a>
</article>
<article class="container-center showcase">
<h2>Clipboard Search Chrome Extension</h2>
<small>May, 2021</small>
<p>Provides multiple search-engine functionlity through popup window.
Built using Html, CSS , JavaScript and manifest(version 2).
</p>
<a class="link primary-link" href="https://www.youtube.com/watch?v=BIaSPnLLpe8">Live Project</a>
<a class="link secondary-link" href="https://github.com/purohitdheeraj/ChromeExtension">Read Source Code</a>
</article>
<article class="container-center showcase">
<h2>TODO App </h2>
<small>April, 2021</small>
<p>React Based Todo List app 📓 made using react-hooks</p>
<a class="link primary-link" href="https://gnk51.csb.app/">Live Project</a>
<a class="link secondary-link" href="https://gnk51.csb.app/">Read Source Code</a>
</article>
<!-- <article class="container-center showcase">
<h2>To-DO List Web App</h2>
<small>April, 2021</small>
<p>A Productive app like to-do list can immensely help us to complete our task in prioritized manner , This to-do list web app will provide basic CRUD(create, read, update and delete) operation to help us in orgainising our tasks</p>
<a class="link primary-link" href="https://todolist-a5f0f.firebaseapp.com/">Live Project</a>
<a class="link secondary-link" href="https://github.com/madrascode/TODO-WebApp">Read Source Code</a>
</article> -->
<article class="container-center showcase">
<h2>GoodBooks</h2>
<small>April, 2021</small>
<p>React Based Book recommender app 📚 </p>
<a class="link primary-link" href="https://xt07z.csb.app/">Live Project</a>
<a class="link secondary-link" href="https://xt07z.csb.app/">Read Source Code</a>
</article>
<article class="container-center showcase">
<h2>Emoji Interpreter app 😇</h2>
<small>April, 2021</small>
<p>React Based Emoji Interpreter app</p>
<a class="link primary-link" href="https://7w2tn.csb.app/">Live Project</a>
<a class="link secondary-link" href="https://7w2tn.csb.app/">Read Source Code</a>
</article>
<article class="container-center showcase">
<h2>Morse Code Translator</h2>
<small>April, 2021</small>
<p>This web app is an api based translator app</p>
<a class="link primary-link" href="https://morsecode-api.netlify.app/">Live Project</a>
<a class="link secondary-link" href="https://github.com/madrascode/MorseCode">Read Source Code</a>
</article>
<article class="container-center showcase">
<h2>Mionion Language Translator</h2>
<small>February, 2021</small>
<p>This web app is an fun language translator app made using language api and javascript</p>
<a class="link primary-link" href="https://minion-language-translator.web.app/">Live Project</a>
<a class="link secondary-link" href="https://github.com/madrascode/minion-web-app">Read Source Code</a>
</article>
<article class="container-center showcase">
<h2>CLI Quiz</h2>
<small>February, 2021</small>
<p>Simple Command line Quiz Have you seen images in command line program?if not then have a look at this command line logo quiz :) made using "terminal-image" | "readlineSync" | "Chalk" Packages in Nodejs</p>
<a class="link primary-link" href="https://replit.com/@purohitdheeraj/imagecli-1#index.js?embed=1&output=1">Live Project</a>
<a class="link secondary-link" href="https://github.com/purohitdheeraj/cli-image-logo-quiz">Read Source Code</a>
</article>
<article class="container-center showcase">
<h2>CLI Quiz-Do You Know Me</h2>
<small>February, 2021</small>
<p>CLI quiz - Do You Know Me made using node.js</p>
<a class="link primary-link" href="https://replit.com/@purohitdheeraj/do-you-know-me-1?v=1">Live Project</a>
<a class="link secondary-link" href="https://replit.com/@purohitdheeraj/do-you-know-me-1?v=1">Read Source Code</a>
</article>
</section>
<footer class="footer">
<div class="footer-header">You can connect with me on </div>
<ul class="social-links">
<li class="list-item-inline"><a class="list-item"href="https://github.com/purohitdheeraj">
Github
</a></li>
<li class="list-item-inline"><a class="list-item" href="https://www.linkedin.com/in/dheeraj-purohit-79ba4a168">
LinkedIn
</a>
</li>
<li class="list-item-inline"><a class="list-item" href="https://twitter.com/the_indianyoga">
Twitter
</a></li>
</ul>
</footer>
</body>
</html>