-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
172 lines (145 loc) · 8.91 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="https://www.freepnglogos.com/uploads/logo-3d-png/3d-blue-ray-movie-logo-9.png" />
<link rel="stylesheet" type="text/css" href="/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>3D Portfolio</title>
</head>
<body>
<canvas id ="bg"></canvas>
<div id="app"></div>
<script type="module" src="/main.js"></script>
<main class="main">
<header>
<nav>
<a title = "Home Page" class="home-button" href="https://akshaysatish.vercel.app">
🏠
</a>
</nav>
<h1>Akshay Satish</h1>
<p>Welcome to my portfolio! Following is a curated collection of my education and experience.</p>
</header>
<section>
<h2> ⚙️ Technical Skills ⚙️</h2>
<p>
<span class="bold">Languages:</span> HTML/CSS, C/C++, JavaScript, TypeScript, Python, Java, SQL, VHDL
</p>
<p>
<span class="bold">Software Tools:</span> Visual Studio Code, MS Office, G-Suite, Adobe Premiere Pro, Figma, Tailwind CSS
</p>
<p>
<span class="bold">Technologies/Frameworks:</span> WordPress, Bluehost, React, Svelte.js, Three.js, Next.js, Supabase, Git
</p>
</section>
<section class="light">
<h2>🛠️ Projects 🛠️</h2>
<p>
<span class="bold">PharmFill </span>| <span class="italic"> React Native, Tailwind CSS, Figma, Google Cloud Vision OCR API, Open AI API — DeltaHacks X @ McMaster 🏆 </span> <br/><br/>
• Created a full-stack, AI-based mobile app designed to streamline the process of converting and handwritten
communicating prescriptions between physicians, pharmacists and patients. <br/>
• Designed the UI & UX using Figma, and implemented it using React Native and Tailwind CSS. <br/>
• Collaborated with teammates to implement Open AI and Google Cloud Vision OCR APIs to parse handwritten text into
a caption, as well as store this information for later access on a database. <br/>
• Demoed in front of 350+ hackers & judges, won the "Best MedX" hack, and came in the Top 10 at DeltaHacks X! <br/><br/>
</p>
<p>
<span class="bold">Spotify Remake </span>| <span class="italic"> React/Next.js, TypeScript, Supabase, PostgreSQL, Stripe — February 2024</span> <br/><br/>
• Built a responsive, functional, full-stack remake of Spotify using React/Next.js and Supabase/PostgreSQL. <br/>
• Recreated the audio player, favourite songs & playlists system, and local file upload with custom React hooks. <br/>
• Used Stripe to implement user authentication, transaction handling, and a premium subscription system. <br/><br/>
</p>
<p>
<span class="bold">Portfolio Website </span>| <span class="italic"> JavaScript, Three.js, HTML/CSS — January 2024 </span> <br/><br/>
• Designed an animated portfolio website to highlight my qualifications using React/Next.js and TypeScript. <br/>
• Recreated my resume in a 3D format using Three.js, utilizing a space theme for the background with revolving planets,
stars and other celestial bodies. <br/>
• Implemented elegant and responsive UI/UX features using Tailwind CSS, Chakra UI and Framer-Motion. <br/><br/>
</p>
<p>
<span class="bold"> Project Studio - Decibel Monitor </span> | <span class="italic"> STM32, Embedded C, Altium — November 2023 </span> <br/><br/>
• Designed a decibel monitor using the STM32 microcontroller with Altium to help preserve the hearing of those who work
in loud environments. <br/>
• Converted the audio signal into a decibel value with embedded C in the STMCubeIDE via an attached microphone. <br/>
• Utilized this decibel value and an LCD output screen to suggest steps the users can take to reduce hearing damage or
other consequences of loud noise. <br/><br/>
</p>
<p>
<span class="bold">'Save the Planet'</span> | <span class="italic"> HTML/CSS, JavaScript, Svelte.js, Git — June 2023 </span> <br/><br/>
• Developed a website to raise awareness about some of the most endangered animals in the world by providing 20+
information links through Wikipedia and donation links through the WWF. <br/>
• Leveraged JavaScript using Svelte.js as a framework to create an interactive scrolling photo gallery with a parallax effect.
High-resolution photos were fetched from online using JS Objects. <br/>
• Enhanced UI & UX features using HTML/CSS and JavaScript, with a dark mode toggle, reactive elements, and more. <br/>
• Version controlled my code using GitHub.
</p>
</section>
<section class="left">
<h2>👨🏽🔧 Work & Team Experience 👨🏽🔧</h2>
<h3 class="italic">In reverse chronological order...</h3>
<h3>killtheburr.com</h3>
<p class="italic">
Web Developer
</p>
<p>
• Updated and refurbished the killtheburr.com website using the WordPress Gutenberg and Elementor editors, as well as
the Hustle plug-ins for pop-ups. <br/>
• Generated positive reviews from 12+ other musicians/artists by incorporating features such as a Spotify widget, contact
and mailing list, informative pop-ups, and highlight carousels. <br/>
• Provided additional customization to the client using HTML/CSS principles alongside resolving BlueHost server errors. <br/>
• Implemented responsivity, allowing the website UX quality to be upheld on desktop, tablet and mobile <br/>
• Worked with the client to propose contracts to maintain and develop new websites. <br/><br/>
<span class="italic">Key Skills: WordPress, HTML/CSS, Client Web Dev</span>
</p>
<h3>UW Formula Electric</h3>
<p class="italic">
Firmware Developer
</p>
<p>
• Wrote HIL (Hardware-in-the-Loop) tests using Python in order to ensure high quality of car firmware. <br/>
• Identified flaws in the firmware code using GitHub and OpenProject, optimizing the performance of the motors by ∼ 25%. <br/>
• Compiled and extended upon existing C firmware code using the ESP32 Toolchain Extension. <br/>
• Currently designing an enhanced UI/UX for the driver-side digital gauge cluster using Figma.<br/><br/>
<span class="italic">Key Skills: Embedded C, Python, Git, Figma</span>
</p>
<h3>Main St. Music</h3>
<p class="italic">
Music Instructor + Receptionist
</p>
<p>
• Instructed guitar and drums to students and all ages and all skill levels. <br/>
• Managed the front desk, providing quality customer service and assisting in retail sales for the store.<br/>
• Performed administrative tasks such as inventory management, tracking finances, scheduling lessons and notifying
customers of important events using MS Office and G-Suite. <br/>
• Assisted in marketing and promoting the store on social media by recording music gear demos and editing promotional
videos using Adobe Premiere Pro. <br/><br/>
<span class="italic">Key Skills: Customer Service, MS Office</span>
</p>
<h3>Mathnasium</h3>
<p class="italic">
Math Tutor
</p>
<p>
• Instructed the Mathnasium curriculum to 30+ students from K-12, alongside assisting them with their school work. <br/>
• Managed teaching 2-3 students at a time while also working with other instructors, honing my adaptability and
collaboration. <br/>
• Established a positive learning environment by performing administrative tasks such as marking papers, inputting
assessment grades, and awarding students for their accomplishments. <br/><br/>
<span class="italic">Key Skills: Math Instruction, Administration, Communication, Collaboration</span>
</p>
</section>
<section class="left">
<h2>🎓 Education 🎓</h2>
<h3>University of Waterloo</h3>
<p class="italic"> BASc. in Computer Engineering (1B term)</p>
<p>
• Admitted with a Faculty of Engineering Scholarship and President’s Scholarship of Distinction, awarded based on
academic performance and extracurricular involvement. <br/>
• Achieved an "Excellent" academic standing in my 1A term. (GPA: 87% / 3.7) <br/>
• Relevant Coursework: Fundamentals of Programming (C++), Digital Circuits & Systems (VHDL), Project Studio (STM32, Altium)
</p>
</section>
</main>
</body>
</html>