Hugging Face's logo

Spaces:
gaur3009
/
gjj
Running

App Files Community
gaur3009 commited on
Commit
42530d0
·
verified ·
1 Parent(s): 113117c

Make a UI like Chatgpt - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +319 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Gjj
3
- emoji: 🏆
4
- colorFrom: green
5
- colorTo: gray
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: gjj
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
+ colorTo: yellow
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,319 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Aditya Singh Gaur - AI Engineer</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ .section-title {
11
+ position: relative;
12
+ display: inline-block;
13
+ }
14
+ .section-title:after {
15
+ content: '';
16
+ position: absolute;
17
+ width: 100%;
18
+ height: 4px;
19
+ bottom: -5px;
20
+ left: 0;
21
+ background: linear-gradient(90deg, #3b82f6, #8b5cf6);
22
+ border-radius: 2px;
23
+ }
24
+ .timeline-item {
25
+ position: relative;
26
+ padding-left: 30px;
27
+ margin-bottom: 30px;
28
+ }
29
+ .timeline-item:before {
30
+ content: '';
31
+ position: absolute;
32
+ width: 16px;
33
+ height: 16px;
34
+ border-radius: 50%;
35
+ left: -8px;
36
+ top: 5px;
37
+ background: #3b82f6;
38
+ border: 3px solid white;
39
+ box-shadow: 0 0 0 2px #3b82f6;
40
+ }
41
+ .timeline-item:after {
42
+ content: '';
43
+ position: absolute;
44
+ width: 2px;
45
+ height: calc(100% - 25px);
46
+ left: 0;
47
+ top: 25px;
48
+ background: #e5e7eb;
49
+ }
50
+ .timeline-item:last-child:after {
51
+ display: none;
52
+ }
53
+ .skill-pill {
54
+ transition: all 0.3s ease;
55
+ }
56
+ .skill-pill:hover {
57
+ transform: translateY(-2px);
58
+ box-shadow: 0 4px 6px rgba(0,0,0,0.1);
59
+ }
60
+ .project-card {
61
+ transition: all 0.3s ease;
62
+ }
63
+ .project-card:hover {
64
+ transform: translateY(-5px);
65
+ box-shadow: 0 10px 15px rgba(0,0,0,0.1);
66
+ }
67
+ @keyframes fadeIn {
68
+ from { opacity: 0; transform: translateY(20px); }
69
+ to { opacity: 1; transform: translateY(0); }
70
+ }
71
+ .animate-fade-in {
72
+ animation: fadeIn 0.6s ease forwards;
73
+ }
74
+ </style>
75
+ </head>
76
+ <body class="bg-gray-50 text-gray-800 font-sans">
77
+ <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
78
+ <!-- Header -->
79
+ <header class="bg-white rounded-xl shadow-md p-6 mb-8 animate-fade-in" style="animation-delay: 0.1s;">
80
+ <div class="flex flex-col md:flex-row items-center justify-between">
81
+ <div class="text-center md:text-left mb-6 md:mb-0">
82
+ <h1 class="text-3xl md:text-4xl font-bold text-gray-900 mb-2">Aditya Singh Gaur</h1>
83
+ <h2 class="text-xl md:text-2xl font-semibold text-indigo-600">AI Engineer | Deep Learning & NLP Specialist</h2>
84
+ </div>
85
+ <div class="flex flex-col space-y-2">
86
+ <div class="flex items-center">
87
+ <i class="fas fa-phone-alt text-indigo-500 mr-2"></i>
88
+ <span>7521900880</span>
89
+ </div>
90
+ <div class="flex items-center">
91
+ <i class="fas fa-envelope text-indigo-500 mr-2"></i>
92
+ <span>[email protected]</span>
93
+ </div>
94
+ <div class="flex items-center">
95
+ <i class="fas fa-map-marker-alt text-indigo-500 mr-2"></i>
96
+ <span>Kanpur, Uttar Pradesh</span>
97
+ </div>
98
+ </div>
99
+ </div>
100
+ </header>
101
+
102
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
103
+ <!-- Left Column -->
104
+ <div class="lg:col-span-2 space-y-8">
105
+ <!-- Summary -->
106
+ <section class="bg-white rounded-xl shadow-md p-6 animate-fade-in" style="animation-delay: 0.2s;">
107
+ <h3 class="text-2xl font-bold mb-4 section-title">Summary</h3>
108
+ <p class="text-gray-700 leading-relaxed">
109
+ Innovative AI Engineer with expertise in Deep Learning, NLP, and Computer Vision. Experienced in building AI-driven solutions for fashion technology, job matching, and virtual metaverse applications. Proficient in PyTorch, OpenCV, YOLOv8, Gradio, and StyleGAN. Passionate about AI-generated fashion and scalable AI solutions.
110
+ </p>
111
+ </section>
112
+
113
+ <!-- Experience -->
114
+ <section class="bg-white rounded-xl shadow-md p-6 animate-fade-in" style="animation-delay: 0.3s;">
115
+ <h3 class="text-2xl font-bold mb-4 section-title">Experience</h3>
116
+
117
+ <div class="timeline-item">
118
+ <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-2">
119
+ <h4 class="text-lg font-semibold">Lead GenAI Engineer (Part-Time)</h4>
120
+ <span class="text-sm text-gray-600">01/2024 - Present</span>
121
+ </div>
122
+ <h5 class="text-md font-medium text-indigo-600 mb-2">Rookus.in</h5>
123
+ <ul class="list-disc pl-5 space-y-1 text-gray-700">
124
+ <li>Integrated deep learning techniques for realistic fabric warping.</li>
125
+ <li>Spearheaded AI-driven design generation models for fashion.</li>
126
+ <li>Developed scalable GenAI B2B SaaS solutions.</li>
127
+ <li>Utilized transfer learning techniques to improve model accuracy.</li>
128
+ <li>Collaborated with software engineers to deploy AI solutions efficiently.</li>
129
+ </ul>
130
+ </div>
131
+
132
+ <div class="timeline-item">
133
+ <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-2">
134
+ <h4 class="text-lg font-semibold">NLP Engineer</h4>
135
+ <span class="text-sm text-gray-600">08/2023 - 11/2023</span>
136
+ </div>
137
+ <h5 class="text-md font-medium text-indigo-600 mb-2">Metaverse Ventures Pvt Ltd, Bengaluru</h5>
138
+ <ul class="list-disc pl-5 space-y-1 text-gray-700">
139
+ <li>Designed RNN-LSTM architecture for NLP and body measurement.</li>
140
+ <li>Contributed to encoder-decoder-based LLMs.</li>
141
+ <li>Designed a system to detect user query intent using NLU.</li>
142
+ <li>Integrated third-party APIs into the NLP pipeline.</li>
143
+ </ul>
144
+ </div>
145
+
146
+ <div class="timeline-item">
147
+ <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-2">
148
+ <h4 class="text-lg font-semibold">Virtual Data Analyst Intern</h4>
149
+ <span class="text-sm text-gray-600">07/2023 - 08/2023</span>
150
+ </div>
151
+ <h5 class="text-md font-medium text-indigo-600 mb-2">KPMG (Remote)</h5>
152
+ <ul class="list-disc pl-5 space-y-1 text-gray-700">
153
+ <li>Performed data-driven insights using Python and SQL.</li>
154
+ <li>Conducted end-to-end analysis to identify gaps and propose solutions.</li>
155
+ <li>Interpreted data and analyzed results using statistical techniques.</li>
156
+ </ul>
157
+ </div>
158
+
159
+ <div class="timeline-item">
160
+ <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-2">
161
+ <h4 class="text-lg font-semibold">Subject Matter Expert</h4>
162
+ <span class="text-sm text-gray-600">05/2023 - 07/2023</span>
163
+ </div>
164
+ <h5 class="text-md font-medium text-indigo-600 mb-2">Edu Solutions Consultancy Pvt Ltd</h5>
165
+ <ul class="list-disc pl-5 space-y-1 text-gray-700">
166
+ <li>Delivered content and guidance in Mathematics & Computing.</li>
167
+ <li>Mentored junior team members in best practices.</li>
168
+ <li>Developed comprehensive training programs.</li>
169
+ </ul>
170
+ </div>
171
+ </section>
172
+
173
+ <!-- Projects -->
174
+ <section class="bg-white rounded-xl shadow-md p-6 animate-fade-in" style="animation-delay: 0.4s;">
175
+ <h3 class="text-2xl font-bold mb-4 section-title">Projects</h3>
176
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
177
+ <div class="project-card bg-gray-50 rounded-lg p-4 border border-gray-200">
178
+ <h4 class="text-lg font-semibold mb-2">Job Board GPT</h4>
179
+ <p class="text-gray-700 text-sm mb-2">AI-powered job board using NLP and PyTorch for personalized recommendations.</p>
180
+ <p class="text-gray-500 text-xs">Technologies: ReactJS, Django, Firebase</p>
181
+ </div>
182
+ <div class="project-card bg-gray-50 rounded-lg p-4 border border-gray-200">
183
+ <h4 class="text-lg font-semibold mb-2">AI Fashion</h4>
184
+ <p class="text-gray-700 text-sm mb-2">AI-generated design model with artwork and text adaptation on clothing.</p>
185
+ <p class="text-gray-500 text-xs">Technologies: StyleGAN, PyTorch</p>
186
+ </div>
187
+ <div class="project-card bg-gray-50 rounded-lg p-4 border border-gray-200">
188
+ <h4 class="text-lg font-semibold mb-2">Speech Grammar Correction</h4>
189
+ <p class="text-gray-700 text-sm mb-2">Model using Wav2Vec for speech-to-text correction with scoring.</p>
190
+ <p class="text-gray-500 text-xs">Technologies: Hugging Face, Gradio</p>
191
+ </div>
192
+ <div class="project-card bg-gray-50 rounded-lg p-4 border border-gray-200">
193
+ <h4 class="text-lg font-semibold mb-2">RAG QnA from PDF</h4>
194
+ <p class="text-gray-700 text-sm mb-2">QA system on long PDFs using Weaviate and Cohere API.</p>
195
+ <p class="text-gray-500 text-xs">Technologies: Sentence Transformers</p>
196
+ </div>
197
+ </div>
198
+ </section>
199
+ </div>
200
+
201
+ <!-- Right Column -->
202
+ <div class="space-y-8">
203
+ <!-- Education -->
204
+ <section class="bg-white rounded-xl shadow-md p-6 animate-fade-in" style="animation-delay: 0.2s;">
205
+ <h3 class="text-2xl font-bold mb-4 section-title">Education</h3>
206
+ <div class="space-y-4">
207
+ <div>
208
+ <h4 class="font-semibold">Birla Institute of Technology, Mesra</h4>
209
+ <p class="text-gray-700">Integrated BS-MS in Mathematics and Computing</p>
210
+ <p class="text-gray-500 text-sm">2021-2026, GPA: 8.14</p>
211
+ </div>
212
+ <div>
213
+ <h4 class="font-semibold">Air Force School</h4>
214
+ <p class="text-gray-700">PCM</p>
215
+ <p class="text-gray-500 text-sm">12th: 90.6% | 10th: 91.6%</p>
216
+ </div>
217
+ </div>
218
+ </section>
219
+
220
+ <!-- Skills -->
221
+ <section class="bg-white rounded-xl shadow-md p-6 animate-fade-in" style="animation-delay: 0.3s;">
222
+ <h3 class="text-2xl font-bold mb-4 section-title">Skills</h3>
223
+ <div class="space-y-3">
224
+ <div>
225
+ <h4 class="font-medium mb-2">Programming Languages</h4>
226
+ <div class="flex flex-wrap gap-2">
227
+ <span class="skill-pill bg-indigo-100 text-indigo-800 px-3 py-1 rounded-full text-sm">Python</span>
228
+ <span class="skill-pill bg-indigo-100 text-indigo-800 px-3 py-1 rounded-full text-sm">TypeScript</span>
229
+ <span class="skill-pill bg-indigo-100 text-indigo-800 px-3 py-1 rounded-full text-sm">JavaScript</span>
230
+ </div>
231
+ </div>
232
+ <div>
233
+ <h4 class="font-medium mb-2">AI & ML</h4>
234
+ <div class="flex flex-wrap gap-2">
235
+ <span class="skill-pill bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-sm">PyTorch</span>
236
+ <span class="skill-pill bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-sm">TensorFlow</span>
237
+ <span class="skill-pill bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-sm">YOLOv8</span>
238
+ <span class="skill-pill bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-sm">OpenCV</span>
239
+ <span class="skill-pill bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-sm">StyleGAN</span>
240
+ <span class="skill-pill bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-sm">BERT</span>
241
+ </div>
242
+ </div>
243
+ <div>
244
+ <h4 class="font-medium mb-2">Web Technologies</h4>
245
+ <div class="flex flex-wrap gap-2">
246
+ <span class="skill-pill bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm">ReactJS</span>
247
+ <span class="skill-pill bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm">Django</span>
248
+ <span class="skill-pill bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm">Flask</span>
249
+ <span class="skill-pill bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm">Firebase</span>
250
+ </div>
251
+ </div>
252
+ <div>
253
+ <h4 class="font-medium mb-2">Tools & Platforms</h4>
254
+ <div class="flex flex-wrap gap-2">
255
+ <span class="skill-pill bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm">Gradio</span>
256
+ <span class="skill-pill bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm">Hugging Face</span>
257
+ <span class="skill-pill bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm">AWS</span>
258
+ <span class="skill-pill bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm">Google Cloud</span>
259
+ <span class="skill-pill bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm">Git</span>
260
+ </div>
261
+ </div>
262
+ </div>
263
+ </section>
264
+
265
+ <!-- Achievements -->
266
+ <section class="bg-white rounded-xl shadow-md p-6 animate-fade-in" style="animation-delay: 0.4s;">
267
+ <h3 class="text-2xl font-bold mb-4 section-title">Achievements</h3>
268
+ <ul class="list-disc pl-5 space-y-2 text-gray-700">
269
+ <li>1st Rank at BIT-Nishan Top Tech Competition</li>
270
+ <li>3rd at Collegiate level SIH and selected for nationals</li>
271
+ </ul>
272
+ </section>
273
+
274
+ <!-- Links -->
275
+ <section class="bg-white rounded-xl shadow-md p-6 animate-fade-in" style="animation-delay: 0.5s;">
276
+ <h3 class="text-2xl font-bold mb-4 section-title">Links</h3>
277
+ <div class="space-y-3">
278
+ <a href="https://www.linkedin.com/in/aditya-singh-gaur-8356ba229/" target="_blank" class="flex items-center text-blue-600 hover:text-blue-800 transition-colors">
279
+ <i class="fab fa-linkedin text-xl mr-3"></i>
280
+ <span>LinkedIn Profile</span>
281
+ </a>
282
+ <a href="https://www.github.com/gaur3009-p" target="_blank" class="flex items-center text-gray-800 hover:text-gray-600 transition-colors">
283
+ <i class="fab fa-github text-xl mr-3"></i>
284
+ <span>GitHub Profile</span>
285
+ </a>
286
+ <a href="https://www.huggingface.co/gaur3009" target="_blank" class="flex items-center text-yellow-600 hover:text-yellow-800 transition-colors">
287
+ <i class="fas fa-robot text-xl mr-3"></i>
288
+ <span>Hugging Face Profile</span>
289
+ </a>
290
+ </div>
291
+ </section>
292
+ </div>
293
+ </div>
294
+ </div>
295
+
296
+ <script>
297
+ // Simple animation trigger on scroll
298
+ document.addEventListener('DOMContentLoaded', function() {
299
+ const sections = document.querySelectorAll('section');
300
+
301
+ const observer = new IntersectionObserver((entries) => {
302
+ entries.forEach(entry => {
303
+ if (entry.isIntersecting) {
304
+ entry.target.style.opacity = 1;
305
+ entry.target.style.transform = 'translateY(0)';
306
+ }
307
+ });
308
+ }, { threshold: 0.1 });
309
+
310
+ sections.forEach(section => {
311
+ section.style.opacity = 0;
312
+ section.style.transform = 'translateY(20px)';
313
+ section.style.transition = 'all 0.6s ease';
314
+ observer.observe(section);
315
+ });
316
+ });
317
+ </script>
318
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=gaur3009/gjj" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
319
+ </html>