34
34
< div class ="header ">
35
35
< h1 >
36
36
< span class ="site-title "> ADITYA VIKRAM SINGH</ span >
37
- < div class ="site-description "> < p id ="typed "> </ p > </ div >
38
- < span class ="site-description "
39
- > Programmer • Web Developer • Graphic Designer</ span
40
- >
37
+ < span class ="site-description "> Programmer • Web Developer • Graphic Designer</ span >
41
38
</ h1 >
42
39
< div class ="header-icons ">
43
- < a
44
- aria-label ="My LinkedIn Profile "
45
- target ="_blank "
46
- href ="https://www.linkedin.com/in/avs1508/ "
47
- >
40
+ < a aria-label ="My LinkedIn Profile " target ="_blank " href ="https://www.linkedin.com/in/avs1508/ ">
48
41
< i class ="icon fa fa-linkedin " aria-hidden ="true "> </ i >
49
42
</ a >
50
- < a
51
- aria-label ="My Github Profile "
52
- target ="_blank "
53
- href ="https://github.com/AVS1508 "
54
- >
43
+ < a aria-label ="My Github Profile " target ="_blank " href ="https://github.com/AVS1508 ">
55
44
< i class ="icon fa fa-github-alt " aria-hidden ="true "> </ i >
56
45
</ a >
57
- < a
58
- aria-label ="My Résumé "
59
- target ="_blank "
60
- href ="https://www.adityavsingh.com/resume.html "
61
- >
46
+ < a aria-label ="My Résumé " target ="_blank " href ="https://www.adityavsingh.com/resume.html ">
62
47
< i class ="icon fa fa fa-file-pdf-o " aria-hidden ="true "> </ i >
63
48
</ a >
64
- < a
65
- aria-label ="Send Email "
66
-
67
- target ="_blank "
49
+ < a aria-label ="
Send Email "
href ="
mailto:[email protected] "
target ="
_blank "
68
50
> < i class ="icon fa fa-envelope "> </ i
69
51
> </ a >
70
52
</ div >
73
55
< a class ="link " href ="#projects " data-scroll > Projects</ a >
74
56
</ div >
75
57
</ div >
76
- < a class ="down " href ="#about " data-scroll
77
- > < i class ="icon fa fa-chevron-down " aria-hidden ="true "> </ i
78
- > </ a >
58
+ < a class ="down " href ="#about " data-scroll > < i class ="icon fa fa-chevron-down " aria-hidden ="true "> </ i > </ a >
79
59
</ div >
80
60
81
61
<!-- About Section -->
@@ -87,15 +67,16 @@ <h1>My Story</h1>
87
67
src ="./assets/img/Professional-Picture-Me.jpg "
88
68
alt ="Professional Me "
89
69
width ="20% "
70
+ style ="border-radius: 50% "
90
71
/>
91
72
< p >
92
- I am a sophomore in the College of Information and Computer Sciences
93
- at the University of Massachusetts Amherst, pursuing an undergraduate
94
- degree. I am majoring in Computer Science, with intent to double major
95
- in Mathematics with Statistics and Data Science concentration. I am
96
- interested in exploring the fields of Software Engineering, Full-Stack
97
- Development, Data Science, and Machine Learning, and I am open to
98
- opportunities for the same.
73
+ I am a junior in the College of Information and Computer Sciences at the University of Massachusetts Amherst,
74
+ pursuing an undergraduate degree. I am majoring in Computer Science, with intent to double major in
75
+ Mathematics with Statistics and Data Science concentration. I'm involved as a Software Developer for BUILD
76
+ UMass, where I use my software engineering skills for pro-bono app/web development and tech consulting for the
77
+ Amherst community. I also serve as a Designer for the HackUMass Organizing Team, responsible for graphics
78
+ design and production for the annual hackathon. I am interested in exploring the fields of Software
79
+ Engineering, Data Science, and Machine Learning, and I am open to opportunities for the same.
99
80
</ p >
100
81
</ div >
101
82
@@ -108,49 +89,37 @@ <h2>Languages</h2>
108
89
< i class ="devicon-java-plain-wordmark colored "> </ i >
109
90
< i class ="devicon-cplusplus-plain colored "> </ i >
110
91
< i class ="devicon-javascript-plain colored "> </ i >
111
- < p >
112
- My favorite languages for systems programming, web automation, and
113
- data analysis.
114
- </ p >
92
+ < p > My favorite languages for systems programming, software engineering, and data analysis.</ p >
115
93
</ div >
116
94
117
95
<!-- Technology Stack #2: Front-End -->
118
96
< div class ="tech ">
119
97
< h2 > Front-End</ h2 >
120
98
< i class ="devicon-react-original colored "> </ i >
121
- < i class ="devicon-bootstrap-plain colored "> </ i >
99
+ < i class ="devicon-bootstrap-plain-wordmark colored "> </ i >
122
100
< i class ="devicon-html5-plain-wordmark colored "> </ i >
123
101
< i class ="devicon-css3-plain-wordmark colored "> </ i >
124
- < p >
125
- My preferred technologies for front-end web development and
126
- component design.
127
- </ p >
102
+ < p > My preferred technologies for front-end web development and component design.</ p >
128
103
</ div >
129
104
130
105
<!-- Technology Stack #3: Back-End -->
131
106
< div class ="tech ">
132
107
< h2 > Back-End</ h2 >
133
108
< i class ="devicon-nodejs-plain colored "> </ i >
134
- < i class ="devicon-express-original colored "> </ i >
109
+ < i class ="devicon-express-original-wordmark colored "> </ i >
135
110
< i class ="devicon-mongodb-plain-wordmark colored "> </ i >
136
- < i class ="devicon-mysql-plain-wordmark colored "> </ i >
137
- < p >
138
- My preferred technologies for back-end web programming and database
139
- architecture.
140
- </ p >
111
+ < i class ="devicon-postgresql-plain-wordmark colored "> </ i >
112
+ < p > My preferred technologies for back-end web programming and database architecture.</ p >
141
113
</ div >
142
114
143
115
<!-- Technology Stack #4: Tools -->
144
116
< div class ="tech ">
145
117
< h2 > Tools</ h2 >
146
- < i class ="devicon-git-plain colored "> </ i >
118
+ < i class ="devicon-git-plain-wordmark colored "> </ i >
147
119
< i class ="devicon-visualstudio-plain colored "> </ i >
148
- < i class ="devicon-github-plain colored "> </ i >
149
- < i class ="devicon-docker-plain colored "> </ i >
150
- < p >
151
- My favorite tools for version control, code editing, and container
152
- orchestration.
153
- </ p >
120
+ < i class ="devicon-github-plain-wordmark colored "> </ i >
121
+ < i class ="devicon-docker-plain-wordmark colored "> </ i >
122
+ < p > My favorite tools for version control, code editing, and container orchestration.</ p >
154
123
</ div >
155
124
</ div >
156
125
</ section >
@@ -164,118 +133,64 @@ <h1>Featured Projects</h1>
164
133
<!-- User Project #1: Personal Résumé Website -->
165
134
< div class ="user-projects ">
166
135
< div class ="images-right ">
167
- < img
168
- alt ="Personal Résume Wébsite "
169
- src ="./assets/img/Personal-Resume-Website.jpg "
170
- />
136
+ < img alt ="Personal Website " src ="./assets/img/Personal-Resume-Website.jpg " />
171
137
</ div >
172
- < div class ="contents " style ="text-align: center; ">
173
- < h3 > Personal Résumé Website</ h3 >
138
+ < div class ="contents " style ="text-align: center ">
139
+ < h3 > Personal Website</ h3 >
174
140
< div >
175
141
< img
176
142
height ="32 "
177
143
width ="32 "
178
- src ="
https://unpkg.com/[email protected] /icons/javascript.svg "
179
- style ="
180
- filter: invert(96%) sepia(47%) saturate(4151%)
181
- hue-rotate(338deg) brightness(100%) contrast(95%);
182
- "
144
+ src ="
https://unpkg.com/[email protected] /icons/react.svg "
145
+ style ="filter: invert(73%) sepia(74%) saturate(1552%) hue-rotate(169deg) brightness(109%) contrast(97%) "
183
146
/>
184
147
185
148
< img
186
149
height ="32 "
187
150
width ="32 "
188
151
src ="
https://unpkg.com/[email protected] /icons/bootstrap.svg "
189
- style ="
190
- filter: invert(24%) sepia(14%) saturate(2270%)
191
- hue-rotate(222deg) brightness(102%) contrast(90%);
192
- "
193
- />
194
-
195
- < img
196
- height ="32 "
197
- width ="32 "
198
- src ="
https://unpkg.com/[email protected] /icons/html5.svg "
199
- style ="
200
- filter: invert(38%) sepia(74%) saturate(1192%)
201
- hue-rotate(341deg) brightness(90%) contrast(98%);
202
- "
152
+ style ="filter: invert(24%) sepia(14%) saturate(2270%) hue-rotate(222deg) brightness(102%) contrast(90%) "
203
153
/>
204
154
205
- < img
206
- height ="32 "
207
- width ="32 "
208
- src ="
https://unpkg.com/[email protected] /icons/css3.svg "
209
- style ="
210
- filter: invert(33%) sepia(29%) saturate(3844%)
211
- hue-rotate(184deg) brightness(90%) contrast(84%);
212
- "
213
- />
155
+ < img height ="
32 "
width ="
32 "
src ="
https://unpkg.com/[email protected] /icons/github.svg "
/>
214
156
</ div >
215
- < p style ="text-align: justify; ">
216
- I developed and designed a website using Bootstrap and vanilla
217
- JavaScript to showcase my résumé in an interactive and
218
- visually-appealing format. I'm currently in the middle of migrating
219
- the project to a ReactJS framework with GatsbyJS.
157
+ < p style ="text-align: justify ">
158
+ I developed and designed a website using ReactJS and Bootstrap, hosted on Github Pages, to showcase my web
159
+ presence, story, work experience, education, projects, and achievements in an interactive and
160
+ visually-appealing format.
220
161
</ p >
221
- < a
222
- class ="project-link "
223
- target ="_blank "
224
- href ="https://www.adityavsingh.com/ "
225
- > Check it out!</ a
226
- >
162
+ < a class ="project-link " target ="_blank " href ="https://www.adityavsingh.com/ "> Check it out!</ a >
227
163
</ div >
228
164
</ div >
229
165
230
166
<!-- User Project #2: Summer 2020 Project -->
231
167
< div class ="user-projects ">
232
168
< div class ="images-left ">
233
- < img
234
- alt ="Summer 2020 Project "
235
- src ="./assets/img/Summer-2020-Project.jpg "
236
- />
169
+ < img alt ="Perpetual Crusades " src ="./assets/img/Perpetual-Crusades.jpg " />
237
170
</ div >
238
- < div class ="contents-right " style ="text-align: center; ">
239
- < h3 > Summer 2020 Project </ h3 >
171
+ < div class ="contents-right " style ="text-align: center ">
172
+ < h3 > Perpetual Crusades </ h3 >
240
173
< img
241
174
height ="32 "
242
175
width ="32 "
243
176
src ="
https://unpkg.com/[email protected] /icons/react.svg "
244
- style ="
245
- filter: invert(73%) sepia(74%) saturate(1552%) hue-rotate(169deg)
246
- brightness(109%) contrast(97%);
247
- "
177
+ style ="filter: invert(73%) sepia(74%) saturate(1552%) hue-rotate(169deg) brightness(109%) contrast(97%) "
248
178
/>
249
179
250
180
< img
251
181
height ="32 "
252
182
width ="32 "
253
- src ="
https://unpkg.com/[email protected] /icons/mongodb.svg "
254
- style ="
255
- filter: invert(51%) sepia(57%) saturate(456%) hue-rotate(71deg)
256
- brightness(95%) contrast(91%);
257
- "
183
+ src ="
https://unpkg.com/[email protected] /icons/css3.svg "
184
+ style ="filter: invert(33%) sepia(29%) saturate(3844%) hue-rotate(184deg) brightness(90%) contrast(84%) "
258
185
/>
259
186
260
- < img
261
- height ="32 "
262
- width ="32 "
263
- src ="
https://unpkg.com/[email protected] /icons/django.svg "
264
- style ="
265
- filter: invert(9%) sepia(48%) saturate(2719%) hue-rotate(138deg)
266
- brightness(95%) contrast(93%);
267
- "
268
- />
269
- < p style ="text-align: justify; ">
270
- I created an open-source web application for managing medium-scale
271
- enterprises. Given entries, the app processes the data to create
272
- numerical projections and presents graphs/charts, using large
273
- data-intensive APIs to perform complex statistics and data analysis.
187
+ < img height ="
32 "
width ="
32 "
src ="
https://unpkg.com/[email protected] /icons/github.svg "
/>
188
+ < p style ="text-align: justify ">
189
+ I created a two-player online dice-based board game with a theme loosely set around Dungeons & Dragons. It
190
+ was developed as a submission for Penn Apps XXI, using ReactJS and CSS Grid Layouts for design and hosted on
191
+ GitHub Pages.
274
192
</ p >
275
- < a
276
- class ="project-link "
277
- target ="_blank "
278
- href ="https://github.com/AVS1508/Summer-2020-Project "
193
+ < a class ="project-link " target ="_blank " href ="https://github.com/AVS1508/Summer-2020-Project "
279
194
> Check it out!</ a
280
195
>
281
196
</ div >
@@ -284,35 +199,24 @@ <h3>Summer 2020 Project</h3>
284
199
<!-- User Project #3: COVID-19 Tracker App -->
285
200
< div class ="user-projects ">
286
201
< div class ="images-right ">
287
- < img
288
- alt ="COVID-19 Tracker App "
289
- src ="./assets/img/COVID19-Tracker-App.jpg "
290
- />
202
+ < img alt ="COVID-19 Tracker App " src ="./assets/img/COVID19-Tracker-App.jpg " />
291
203
</ div >
292
- < div class ="contents " style ="text-align: center; ">
204
+ < div class ="contents " style ="text-align: center ">
293
205
< h3 > COVID-19 Tracker App</ h3 >
294
206
< div >
295
207
< img
296
208
height ="32 "
297
209
width ="32 "
298
210
src ="
https://unpkg.com/[email protected] /icons/javascript.svg "
299
- style ="
300
- filter: invert(96%) sepia(47%) saturate(4151%)
301
- hue-rotate(338deg) brightness(100%) contrast(95%);
302
- "
211
+ style ="filter: invert(96%) sepia(47%) saturate(4151%) hue-rotate(338deg) brightness(100%) contrast(95%) "
303
212
/>
304
213
</ div >
305
- < p style ="text-align: justify; ">
306
- I created a web application for tracking the spread of COVID-19.
307
- Using Johns Hopkins University Center For Systems Science and
308
- Engineering API, the website processes the COVID-19 data to create
309
- statistical projections through graphs and charts.
214
+ < p style ="text-align: justify ">
215
+ I created a web application for tracking the spread of COVID-19. Using Johns Hopkins University Center For
216
+ Systems Science and Engineering API, the website processes the COVID-19 data to create statistical
217
+ projections through graphs and charts.
310
218
</ p >
311
- < a
312
- class ="project-link "
313
- target ="_blank "
314
- href ="https://www.adityavsingh.com/covid19-tracker-app "
315
- >
219
+ < a class ="project-link " target ="_blank " href ="https://www.adityavsingh.com/covid19-tracker-app ">
316
220
Check it out!
317
221
</ a >
318
222
</ div >
@@ -321,37 +225,25 @@ <h3>COVID-19 Tracker App</h3>
321
225
<!-- Use Project #4: Valuto: Account Management System -->
322
226
< div class ="user-projects ">
323
227
< div class ="images-left ">
324
- < img
325
- alt ="Valuto: Account Management System "
326
- src ="./assets/img/Valuto-Account-Management.jpg "
327
- />
228
+ < img alt ="Valuto: Account Management System " src ="./assets/img/Valuto-Account-Management.jpg " />
328
229
</ div >
329
- < div class ="contents-right " style ="text-align: center; ">
230
+ < div class ="contents-right " style ="text-align: center ">
330
231
< h3 > Valuto: Account Management System</ h3 >
331
232
< div >
332
233
< img
333
234
height ="32 "
334
235
width ="32 "
335
236
src ="
https://unpkg.com/[email protected] /icons/cplusplus.svg "
336
- style ="
337
- filter: invert(22%) sepia(77%) saturate(1486%)
338
- hue-rotate(183deg) brightness(101%) contrast(103%);
339
- "
237
+ style ="filter: invert(22%) sepia(77%) saturate(1486%) hue-rotate(183deg) brightness(101%) contrast(103%) "
340
238
/>
341
239
</ div >
342
- < p style ="text-align: justify; ">
343
- I developed a CLI system for accounting management and financial
344
- statement maintenance. The purpose of the system is to maintain a
345
- record of the funds received, used, disseminated and donated by an
346
- organization. Details of transactions and maintenance of a budget
347
- and tallying of current balance/inventory in cash/kind is
348
- incorporated in this system.
240
+ < p style ="text-align: justify ">
241
+ I developed a CLI system for accounting management and financial statement maintenance. The purpose of the
242
+ system is to maintain a record of the funds received, used, disseminated and donated by an organization.
243
+ Details of transactions and maintenance of a budget and tallying of current balance/inventory in cash/kind
244
+ is incorporated in this system.
349
245
</ p >
350
- < a
351
- class ="project-link "
352
- target ="_blank "
353
- href ="https://github.com/AVS1508/Valuto-Account-Management-System "
354
- >
246
+ < a class ="project-link " target ="_blank " href ="https://github.com/AVS1508/Valuto-Account-Management-System ">
355
247
Check it out!
356
248
</ a >
357
249
</ div >
@@ -368,19 +260,6 @@ <h3>Valuto: Account Management System</h3>
368
260
< script src ="./assets/js/sweet-scroll.min.js "> </ script >
369
261
<!-- Import JS: Google Analytics -->
370
262
< script src ="./assets/js/google-analytics.js "> </ script >
371
- <!-- Import JS: Typed.js --> >
372
- < script src ="./assets/js/typed.js "> </ script >
373
- < script >
374
- var typed = new Typed ( "#typed" , {
375
- strings : [ "> Programmer" , "> Web Developer" , "> Graphic Designer" ] ,
376
- typeSpeed : 80 ,
377
- backSpeed : 80 ,
378
- backDelay : 1800 ,
379
- loop : true ,
380
- showCursor : false ,
381
- contentType : null ,
382
- } ) ;
383
- </ script >
384
263
<!-- Import JS: Main Script -->
385
264
< script src ="./assets/js/main.js "> </ script >
386
265
</ body >
0 commit comments