-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio.html
274 lines (244 loc) · 12.4 KB
/
portfolio.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
<!DOCTYPE html>
<html lang="en" contentEditable="false">
<head>
<title>Chetan Tyagi's Portfolio</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/[email protected]/devicon.min.css">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<!-- Your styles go here -->
<link rel="stylesheet" href="style.css">
</head>
<script src="app.js"></script>
<body>
<nav id="menu">
<ul>
<li><a class="custom-button2" href="#about"> About Me</a></li>
<li><a class="custom-button2" href="#experience">Experience</a></li>
<li><a class="custom-button2" href="#education">Education</a></li>
<li><a class="custom-button2" href="#skills">Skills</a></li>
<li><a class="custom-button2" href="#achievements">Achievements</a></li>
<li><a class="custom-button2" href="#projects">Projects</a></li>
</ul>
</nav>
<!-- Header Section -->
<header >
<button id="mapMasterButton" class="custom-button" onclick="toggleButtonColor()">Welcome to my Portfolio</button>
<div id="randomPhotoContainer" style="width: 30px; height: 10px;"></div>
</header>
<header>
<div style="display: flex; align-items: center;margin-top: 10px">
<button class="custom-button3" onclick="showRandomPhoto()">Chetan Tyagi</button>
<a href="https://www.linkedin.com/in/chetantyagi06/" target="_blank" style="text-decoration: none;margin-left: 300px;">
<button class="custom-button4">
<i class="devicon-linkedin-plain" style="font-size: 40px;"></i>
</button>
</a>
<a href="https://github.com/chetanty" target="_blank" style="text-decoration: none; margin-left: 10px;">
<button class="custom-button4">
<i class="devicon-github-plain" style="font-size: 40px;"></i>
</button>
</a>
</div>
</header>
<!-- Main Content Section -->
<section id="about">
<h2>About Me</h2>
<p>
I'm Chetan Tyagi, an international computer science student in my second year at the University of Alberta, Edmonton. My current focus is on pursuing CCNA (Cisco Certified Network Associate) certification.
</p>
<p>
I stay up-to-date with the latest tech advancements and enjoy exploring the world of software development. In my free time, I'm an enthusiastic traveler, a numismatist(I love collecting rare and foreign coins and paper bills), and a chess player.
</p>
<p class="mb-5">Feel free to reach out to me through the contact details below:</p>
<p>Email: [email protected]</p>
<p>Phone: +1 (780) 729-7849</p>
</section>
<!-- Contact Section -->
<section id="experience">
<h2>Experience</h2>
<ul>
<li>
<strong>Teaching Assistant for CMPUT 174 and CMPUT 101</strong>
<p>Computing Science Department, University of Alberta</p>
<p>May 2023 - Present</p>
<p>Aid the lead teacher by answering student’s questions, assisting students with projects and other assignments.</p>
</li>
<li>
<strong>Open Source Developer</strong>
<p>Zulip</p>
<p>August 2022 - November 2022</p>
<p>I kept documentation easy to read and updated using Github and Python.</p>
</li>
<li>
<strong>Strategy Development Intern:</strong>
<p>Jankalyan Multipurpose Education Society</p>
<p>July 2022 - August 2022</p>
<p>My team analyzed previous reports to devise a strategy to obtain more funds for education for children from weak economic backgrounds.</p>
</li>
</ul>
</section>
<!-- Education Section -->
<section id="education">
<h2>Education</h2>
<ul>
<li>
<strong>University of Alberta, Canada</strong>
<p>Bachelor of Science</p>
<p>Computer Science</p>
<p>September 2022 - September 2026</p>
</li>
<li>
<strong>JSPM's Blossom Public School (New), India</strong>
<p>High School</p>
<p>CBSE Board</p>
<p>May 2020 - June 2022</p>
</li>
</ul>
</section>
<section id="skills">
<h2>Skills</h2>
<div class="skill-icons">
<div class="skill-box">
<h2 >Languages</h2>
<div class="skill-icon">
<i class="devicon-python-plain colored"></i>
<p>Python</p>
</div>
<div class="skill-icon">
<i class="devicon-html5-plain colored"></i>
<p>HTML</p>
</div>
<div class="skill-icon">
<i class="devicon-css3-plain colored"></i>
<p>CSS</p>
</div>
<div class="skill-icon">
<i class="devicon-javascript-plain colored"></i>
<p>JavaScript</p>
</div>
<div class="skill-icon">
<i class="devicon-c-plain colored"></i>
<p>C</p>
</div>
<div class="skill-icon">
<i class="devicon-java-plain colored"></i>
<p>Java</p>
</div>
<div class="skill-icon">
<i class="devicon-r-plain colored"></i>
<p>R</p>
</div>
<div class="skill-icon">
<i class="devicon-flutter-plain colored"></i>
<p>Flutter</p>
</div>
</div>
<div class="skill-box">
<h2 >Tools and Frameworks</h2>
<div class="skill-icon">
<i class="devicon-blender-original colored"></i>
<p>Blender</p>
</div>
<div class="skill-icon">
<i class="devicon-mysql-plain colored"></i>
<p>MySQL</p>
</div>
<div class="skill-icon">
<i class="devicon-github-plain colored"></i>
<p>GitHub</p>
</div>
<div class="skill-icon">
<i class="devicon-androidstudio-plain colored"></i>
<p>Android Studio</p>
</div>
<div class="skill-icon">
<i class="devicon-firebase-plain colored"></i>
<p>Firebase</p>
</div>
<div class="skill-icon">
<i class="devicon-azure-plain colored"></i>
<p>Azure</p>
</div>
<div class="skill-icon">
<i class="devicon-figma-plain colored"></i>
<p>Figma</p>
</div>
</div>
</div>
</section>
<section id="achievements">
<h2>Achievements and Certifications</h2>
<ul>
<li>Google Data Analytics Certified Developer</li>
<li>Microsoft Certified: Azure Fundamentals</li>
<li>Events Lead at Google Developers Student Club of University of Alberta</li>
<li>Winner in Give Back Hacks 3 Hackathon by MLH for my submission "Cozi”</li>
<li>State Level Chess player in Maharashtra, India</li>
<li>Completed CS50's Introduction to Artificial Intelligence</li>
<li>3rd Place in Silverzone International Informatics Olympiad</li>
<li>Winner in MecSemCalc Hackathon for my Application “Javelin Power Saver”</li>
</ul>
</section>
<section id="projects">
<h2>PROJECTS</h2>
<div class="project-box">
<div class="project">
<h3><strong>Map Master</strong></h3>
<a href="https://chetantyagi.me/">Demo</a>
<p><strong>Made by Chetan Tyagi</strong></p>
<p>Aimed to enrich geography and education by developing a game where players have to find cities on the map. Implemented HTML, CSS, JavaScript, Leaflet, and OpenStreetMap API to create an interactive and engaging gaming experience.</p>
<p><strong>August 2023-Present</strong></p>
</div>
</div>
<div class="project-box">
<div class="project">
<h3><strong>Cosmic - A Marketplace for Open Science</strong></h3>
<a href="https://github.com/chetanty/cosmic">Source Code</a>
<p><strong>Made by Chetan Tyagi, Harkeerat Singh and David Pham</strong></p>
<p>Worked in a team to create a portal which connects aspiring project developers with open science organizations. This was made as a part of NASA Space Apps Challenge 2023. Implemented Django, HTML, and CSS with SQLite3 for a great user experience and more features.</p>
<p><strong>October 2023</strong></p>
</div>
</div>
<div class="project-box">
<div class="project">
<h3><strong>Cozi</strong></h3>
<a href="https://chetanty.github.io/cozi/">Demo</a><br>
<a href="https://github.com/chetanty/cozi">Source Code</a>
<p><strong>Made by Chetan Tyagi</strong></p>
<p>This project was the winner of Give Back Hacks 3.0, organized by MLH. Using OpenWeather API and Google Maps Embed API, this app was created for two major objectives. The first is to recommend the ideal clothes to wear based on the temperature outside. The other is to tackle the problem of homelessness by including warm clothes donation centers and shelters, which the needy could get utilize for their purpose.</p>
<p><strong>November 2022</strong></p>
</div>
</div>
<div class="project-box">
<div class="project">
<h3><strong>Cabin Passenger</strong></h3>
<a href="https://github.com/chetanty/CabinPassenger">Source Code</a>
<p><strong>Made by Chetan Tyagi</strong></p>
<p>This application, named Cabin Passenger aims to solve the problem of the inability to imagine the past. Cabin Passenger uses the recently released DALL-E API, along with a user-friendly text-based program for the best results. The app will obtain inputs of a country and a specific year to provide how life was in the era. This can provide a whole new perspective on how people see history.</p>
<p><strong>November 2022</strong></p>
</div>
</div>
<div class="project-box">
<div class="project">
<h3><strong>GreenScore</strong></h3>
<a href="https://chetanty.github.io/TheGreenScore/">Demo</a><br>
<a href="https://github.com/chetanty/TheGreenScore">Source Code</a>
<p><strong>Made by Chetan Tyagi, Yash Mouje, Krish Mehta and Hiritikk Kumar</strong></p>
<p>GreenScore is created to encourage environmentally friendly behavior such as reducing the use of non-reusable materials, recycling, and increasing the level of use of eco-friendly materials. The website includes a vast range of features, such as hover flashcards, quizzes, real-time statistics, and many others which are tested to spread climate change awareness in an interactive and gamified way. We learned specialized concepts of Web Development for the first time, in various languages including CSS, JavaScript, and HTML. We used different visually appealing ideas, including Parallax (visuals move in response to the scroll's movement).</p>
<p><strong>November 2022</strong></p>
</div>
</div>
<div class="project-box">
<div class="project">
<h3><strong>Javelin Power Saver</strong></h3>
<a href="https://mecsimcalc.com/app/1569496/javelin_power_saver_cuts_your_electricity_bill_smartly">Demo</a>
<p><strong>Made by Chetan Tyagi</strong></p>
<p>The application, made in Python, aims to conserve the appliances’ energy, taking decisions to buy a new appliance and therefore reduce electricity expenses. With the help of this easy-to-use app, the user will be able to calculate the electricity consumption of appliances per month, total money you spend on them in a month, compare user’s electricity bill with the country’s average and compare the appliances with popular products in the same range.</p>
<p><strong>July 2022</strong></p>
</div>
</div>
</section>
<footer style="text-align: center;">
<p>© 2023 Chetan Tyagi | Navigating the world through <span style="color: #f8ba00;">code</span> and <span style="color: #f8ba00;">maps</span>.</p>
</footer>
</body>
</html>