[ Web Development ] // Astro • Design
My Portfolio Website
An in-depth look at the creation process for this website
Overview
I have always wanted to have my own website, I needed a porfolio webcase to showcase my talents and serve as an example of my technical expertise, and so I built the site you are currently on! This site is built on the Astro framework, using raw HTML syntax and some CSS for the styling. I wanted to keep the site light and easy to use, while keeping the stack flexible enough to iterate on if I so desire in the future. I pulled inspiration from science fiction for the font I wrote my name in, as well as inspiration from the Catppuccin color palette for this site.
What I Built
I built a modern scrolling-style portfolio with an eye-catching title, my bio, some showcased projects and a way to get in contact with me. In the future, I want to build a blog service into the site so that I can publish some writingh pieces. I also built in-depth pages for the showcased projects, to show in more detail what they consist of and explain my takeaways from them.
Skills Used
- Astro
- HTML
- CSS
What I Learned
This project served as a continuation and culmination of my autodidactic forays into web development. In school, I've mainly learned Computer Science through the lens of low-level programming in languages such as C++, C, and 86-64 Assembly. These languages are great to learn how the tech we use everyday works, however they do not allow for useful implementation outside of development. With this project I learned another facet of computer science, how to make sites on the web, how to make them look good, and how to make them performant. I learnt how to make a color palette and began learning how to make favicons and svg art to spurce up the website. I improved my knowledge of how to write in HTML, which helps to understand how to better structure notes and documents for my classes. I also learned how to be persistent. This version of the site is the second try essentially, I wrote another portfolio site, but it was bloated and unsofisticated. Thus I decided to start from scratch in order to improve the end product. I think overall that the site is in good shape for its first release, and I intend to keep iterating on it as I go. Overall, I am proud of what I have here, and what it means to have a platform of my own design where I can showcase who I am and what I do. :)
What I Want To Improve
In the future, I have a shortlist of ideas I want to add. These include:
- Finishing the project showcase section
- Adding a blog section, and uploading some of my writing
- Adding more technical projects that showcase my engineering expertise and knowledge
- Further refining the site to improve navigation and aesthetics
- Rewriting the site in Spanish and French - The two languages I am fluent in - in order to improve accessiblity
All of these ideas will create a more polished website, allow me to showcase my abilities, and create something that more closely aligns with my ideaof what my corner of the internet should look like.