Abstract: Created a static portfolio website using a modern tech stack.
Overview
This portfolio website serves as a public record of my personal projects. It is a simple, static site. I wanted to create it to familiarise myself with a modern tech stack and web design. I also wanted to test and better understand capabilities of commercially available LLMs with respect to code generation and their integration with IDEs in context of WSL.
Requirements & Architecture
I needed this page to serve as:
- Creative Outlet
- Projects Tracker
- Virtual Business Card
To reflect these requirements in code, I divided this website into three separate sections: Landing page, Projects page, and About page. Each of these sections serves a specific main function, but is not limited to it.
Landing page is supposed to be mainly a creative outlet and a visual front of the business card. Apart from doing that, it suggests to users how they should navigate the website: first visit the Projects page, then go to the About page.
Projects page consists of three subsections. It begins with an overview of current priority projects and allows for quick, visual progress tracking. Below the In Progress section is an exhaustive list of complete projects. Each of those has a subpage, much like this one, to briefly describe the development. It is a project focused blog in a way. Last section is a backlog of things I want to do, but have not yet found the time to take on. This is mainly to keep track of ideas.
About page serves as short summary about myself and includes most relevant parts of my CV.
Technology Stack
Choice of technology stack was mostly a matter of personal preferrence. I wanted to practice TypeScript and use TailwindCSS. I chose Deno as a runtime that supports both of these out of the box and used Deno Fresh framework to create the site.