Github repository containing all source files and assets for my personal portfolio website.
Website hosted at this link
-
React
-
TailwindCSS
The website is organised into sections, represented by distinct panels. Each section can be quickly accessed through the top navigation bar. The website uses a handmade animated gradient wallpaper and it supports dark/light theme too.
The website's navbar is split into two main sections:
- the first section, on the left, showcases a PC Terminal logo which also acts as a dark/light theme switch button
- the second section, on the right, offers a shortcut to the other website sections
The navbar was styled according to a "frosted glass" effect, with a slight drop shadow in light mode which turns into a dim highlight for the theme-switch button during dark mode. The navbar shortcut elements were given a handmade underline which also animates on mouse hover.
The website's Home section is the first element of the page upon loading. The Home section introduces the viewer to my bio. Placeholders have been added during the development process.
The Home section was styled according to a "frosted glass" effect, with a slight drop shadow. The right section shows a handmade wave animation which repeats indefinitely.
The website's Tech Stack section is the second element of the page upon scrolling. This section highlights the technologies I've learned and approached either theoretically or practically, whether it be during my studies or for personal projects.
The website's Gallery/Edu section is the third element of the page upon scrolling.
-W I P-
Contact section