-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
309 lines (279 loc) · 15.4 KB
/
index.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
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Khushi Sharma's Portfolio</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
<script src="script.js" defer></script>
</head>
<body class="day-theme">
<header>
<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<section id="about">
<img src="final-pic.png" alt="Khushi Sharma" class="profile-pic">
<h1>Khushi Sharma</h1>
<p>Welcome to my portfolio! I am a Computer Science student with a passion for software development, data analysis, and creating impactful projects. Currently pursuing a Bachelor of Science in Computer Science at the University of Wisconsin-Milwaukee, expecting to graduate in December 2024.</p>
<p>My coursework includes a focus on Computer Science fundamentals, Data Structures and Algorithms, Database Management Systems, Software Engineering, Web Development, Operating Systems, Cyber Security, Unix, System Designing, Algorithm Design, and Programming Language Concepts (SML, Scala).</p>
<p>Connect with me on <a href="https://www.linkedin.com/in/khushi0313" target="_blank">LinkedIn</a> and explore my <a href="https://github.com/KhushiSharma0313" target="_blank">GitHub</a> for more!</p>
<a href="Khushi Sharma Resume.pdf" download class="button">Download CV</a>
<a href="https://www.linkedin.com/in/khushi0313" class="social-button">LinkedIn</a>
<a href="https://github.com/KhushiSharma0313" class="social-button">Github</a>
</section>
<section id="experience">
<h2>Experience</h2>
<div class="experience-timeline">
<div class="experience-item">
<div class="experience-content">
<h3>Web/App Design Intern</h3>
<p>iDayDreamStudios</p>
<p>June 2024 – Present</p>
<ul>
<li>Designed and developed responsive websites using HTML, CSS, JavaScript, and React.js.</li>
<li>Implemented AI automation scripts with Python, TensorFlow, and NLP, increasing task efficiency by 40%.</li>
<li>Managed multiple projects effectively, collaborating in Agile teams to ensure timely delivery.</li>
</ul>
</div>
</div>
<div class="experience-item">
<div class="experience-content">
<h3>Data Analyst Research Assistant</h3>
<p>University of Wisconsin Milwaukee</p>
<p>Jan 2024 – Present</p>
<ul>
<li>Developed Python-based software for potentiostat control, improving data processing speed by 20%.</li>
<li>Utilized Agile methodologies and Git for efficient project management, boosting experiment efficiency by 25%.</li>
<li>Presented research findings at conferences, enhancing project visibility and academic exposure.</li>
</ul>
</div>
</div>
<div class="experience-item">
<div class="experience-content">
<h3>Software Developer Intern</h3>
<p>Yashika Skills Development Company</p>
<p>Jan 2023 – July 2023</p>
<ul>
<li>Led Agile software development, implementing Python automation to reduce data processing time by 30%.</li>
<li>Enhanced application security by addressing critical authentication vulnerabilities.</li>
<li>Designed and developed the "PG LIFE" website using HTML, CSS, JavaScript, PHP, and SQL, ensuring functionality and user engagement.</li>
</ul>
</div>
</div>
<div class="experience-item">
<div class="experience-content">
<h3>Software Engineer Intern</h3>
<p>Google Development Club</p>
<p>June 2022 – Dec 2022</p>
<ul>
<li>Co-led graphic design team, developing software components with Java and Python.</li>
<li>Organized tech summits, workshops, and major events, managing logistics and speaker sessions.</li>
<li>Led a 4-member team during a 36-hour hackathon, developing and launching WORDOIT, a blogging website using HTML, CSS, and JavaScript.</li>
</ul>
</div>
</div>
</div>
</section>
<section id="skills">
<h2>Skills</h2>
<div class="chart-container">
<canvas id="skillsChart" width="400" height="400"></canvas>
</div>
</section>
<!-- Modal for Skill Descriptions -->
<div id="skillModal" class="modal">
<div class="modal-content">
<span class="close">×</span>
<h3 id="skillTitle"></h3>
<p id="skillDescription"></p>
</div>
</div>
<section id="projects">
<h2>Projects</h2>
<div class="projects-container">
<!-- Chat Bot -->
<div class="project-card">
<div class="project-front">
<img src="Chatbot.jpg" alt="Chat Bot">
<div class="project-info">
<h3>Chat Bot</h3>
<p>A conversational AI chat bot implemented in Python, capable of engaging in text-based conversations and performing various tasks.</p>
</div>
</div>
<div class="project-back">
<p>Engage in text-based conversations and perform tasks with this conversational AI chat bot implemented in Python.</p>
<a href="https://github.com/KhushiSharma0313/ChatBot" target="_blank">View Source code</a>
</div>
</div>
<!-- To-Do List Application -->
<div class="project-card">
<div class="project-front">
<img alt="To-do List" src="https://github.com/KhushiSharma0313/To-do-list/assets/115573980/039ddc68-e9d2-4369-9e46-9c7376bbae0b">
<div class="project-info">
<h3>To-Do List Application</h3>
<p>An application to manage tasks in a list format, with local storage support for persistence.</p>
</div>
</div>
<div class="project-back">
<p>The To-Do List Application allows users to add, delete, and mark tasks as completed, storing them locally for continuous access.</p>
<div class="buttons">
<a href="https://github.com/KhushiSharma0313/To-do-list" target="_blank" class="button">View Source Code</a>
<a href="https://to-do-list-beta-cyan-13.vercel.app/" target="_blank" class="button">Try it Yourself</a>
</div>
</div>
</div>
<!-- Pi Visualization with Monte Carlo -->
<div class="project-card">
<div class="project-front">
<img src="https://github.com/KhushiSharma0313/piVisualize/assets/115573980/d3a01edd-d2cc-4494-b0f5-7c96e2c96f51" alt="piVisualize">
<div class="project-info">
<h3>Pi Visualization with Monte Carlo</h3>
<p>An estimation of pi using the Monte Carlo method, with colorful visualizations depicting the approximation process.</p>
</div>
</div>
<div class="project-back">
<p>Estimate pi using random points and visualize the process with colorful lines forming a circle to represent the estimation.</p>
<a href="https://github.com/KhushiSharma0313/piVisualize" target="_blank">View Source code</a>
</div>
</div>
<!-- Bubble Sort Visualizer -->
<div class="project-card">
<div class="project-front">
<img src="bubble-sort3.png" alt="Bubble Sort Visualizer">
<div class="project-info">
<h3>Bubble Sort Visualizer</h3>
<p>An application to visualize the Bubble Sort algorithm using Tkinter, allowing step-by-step visualization of the sorting process.</p>
</div>
</div>
<div class="project-back">
<p>Visualize the Bubble Sort algorithm step-by-step, adjusting speed and observing real-time updates as the algorithm sorts.</p>
<a href="https://github.com/KhushiSharma0313/Bubble_sort" target="_blank">View Source code</a>
</div>
</div>
<!-- Tiny File System (TFS) -->
<div class="project-card">
<div class="project-front">
<img src="tinyFileSystem.jpg" alt="Tiny File System">
<div class="project-info">
<h3>Tiny File System (TFS)</h3>
<p>A virtual file system where data files can be managed between the real file system and the virtual disk, with commands for import, export, listing, display, and more.</p>
</div>
</div>
<div class="project-back">
<p>Manage files between the real and virtual disk using commands like import, export, list directory contents, and display raw data.</p>
<a href="https://github.com/KhushiSharma0313/Tiny-File-System" target="_blank">View Source code</a>
</div>
</div>
<!-- Blackjack -->
<div class="project-card">
<div class="project-front">
<img src="Blackjack.jpg" alt="Blackjack">
<div class="project-info">
<h3>Blackjack</h3>
<p>An application to play the classic card game Blackjack against the system.</p>
</div>
</div>
<div class="project-back">
<p>Compete against the system in Blackjack, aiming to form a hand with a total value higher than the dealer's without exceeding 21.</p>
<a href="https://github.com/KhushiSharma0313/Blackjack" target="_blank">View Source Code</a>
</div>
</div>
<!-- MPS Trivia -->
<div class="project-card">
<div class="project-front">
<img src="https://github.com/KhushiSharma0313/MPS-trivia/assets/115573980/ccf2935b-bdce-4bdf-b58f-e8f5d8856838" alt="MPS Trivia">
<div class="project-info">
<h3>MPS Trivia</h3>
<p>A trivia game on chronic absenteeism in Milwaukee Public Schools, designed to educate and engage users through gamification.</p>
</div>
</div>
<div class="project-back">
<p>Explore the issue of chronic absenteeism in MPS through interactive trivia questions and learn about its impact.</p>
<div class="buttons">
<a href="https://github.com/KhushiSharma0313/MPS-trivia" target="_blank" class="button">View Source Code</a>
<a href="https://mps-trivia.vercel.app" target="_blank" class="button">Play the Game</a>
</div>
</div>
</div>
<!-- Netflix Dashboard -->
<div class="project-card">
<div class="project-front">
<img src="netflix-users.png" alt="Netflix Dashboard">
<div class="project-info">
<h3>Netflix Dashboard</h3>
<p>A dashboard using Tableau to visualize key data points from Netflix, including movie distribution, ratings, genres, and more.</p>
</div>
</div>
<div class="project-back">
<p>Dive into data behind Netflix shows and movies with visualizations including distribution, ratings, genres, and more.</p>
<a href="https://public.tableau.com/app/profile/khushi.sharma8816/viz/Netflixdashboard_17076037075770/Netflix" target="_blank">View the Dashboard</a>
</div>
</div>
<!-- COVID-19 Tracker -->
<div class="project-card">
<div class="project-front">
<img src="covid-19-tracker.png" alt="COVID-19 Tracker">
<div class="project-info">
<h3>COVID-19 Tracker</h3>
<p>A COVID-19 tracker displaying real-time data and trends, visualized to provide insights into the pandemic's progression.</p>
</div>
</div>
<div class="project-back">
<p>Track COVID-19 statistics including cases, deaths, and recoveries, with interactive charts and maps for better understanding.</p>
<a href="https://public.tableau.com/app/profile/khushi.sharma8816/viz/Covid19tracker_17075635482510/COVID19Tracker" target="_blank">View the Dashboard</a>
</div>
</div>
<!-- Random Background Color Changer -->
<div class="project-card">
<div class="project-front">
<img src="https://github.com/KhushiSharma0313/Random-background-color-changer/assets/115573980/a1ced7ac-3d9b-4ecd-8be5-828f98e3c888" alt="Random Background Color Changer">
<div class="project-info">
<h3>Random Background Color Changer</h3>
<p>A web application that changes the background color randomly from a predefined list, with dynamic text color adjustment for readability.</p>
</div>
</div>
<div class="project-back">
<p>Change the background color randomly and adjust text color dynamically based on background luminance using this simple web app.</p>
<div class="buttons">
<a href="https://github.com/KhushiSharma0313/Random-background-color-changer" target="_blank" class="button">View Source Code</a>
<a href="https://bg-color-changer-gules.vercel.app/" target="_blank" class="button">Try it Yourself</a>
</div>
</div>
</div>
<!-- Rich Text Editor -->
<div class="project-card">
<div class="project-front">
<img alt="Screenshot 2024-03-23 205642" src="https://github.com/KhushiSharma0313/Wordoit/assets/115573980/9ecc590e-5a70-48ad-a1bd-5f4cd30402fc">
<div class="project-info">
<h3>Rich Text Editor</h3>
<p>A web-based rich text editor allowing users to create and format documents with various styling options.</p>
</div>
</div>
<div class="project-back">
<p>Create and format text with options like bold, italic, headings, lists, and more using this intuitive rich text editor.</p>
<a href="https://github.com/KhushiSharma0313/Wordoit" target="_blank">View Source Code</a>
</div>
</div>
</div>
</section>
<section id="contact">
<h2>Contact</h2>
<p>Reach out to me through the following channels:</p>
<ul>
<li>Email: <a href="mailto:[email protected]">[email protected]</a></li>
<li>LinkedIn: <a href="https://www.linkedin.com/in/khushi0313/" target="_blank">Khushi Sharma</a></li>
<li>GitHub: <a href="https://github.com/KhushiSharma0313" target="_blank">KhushiSharma0313</a></li>
</ul>
</section>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="script.js"></script>
</body>
</html>