Personal Website

I created this website to showcase myself and my abilities as a programmer. My goal was to incorporate everything I had learned so far and expand my range of languages and techniques. Although it might not be the most polished website out there, I put a lot of time and effort into this web app, and I hope that it shows.

About the stack

For this website, I decided to learn some new languages and technologies that are growing in popularity. The biggest learning curve I faced for this project was using TypeScript instead of JavaScript. Wtih Python and JavaScript being favorite languages, it was a bit of a change to use a statically typed language.Additionally, I decided to implement MongoDB as my database for the visitors page content. The simplicity of a document database worked perfectly for my needs.

UI Design

One thing that sets this project apart from some of my others is the user interface (UI). In other projects, I didn't put much effort into the front-end looks and enjoyed focusing more on the back-end. However, for this project, I made a greater effort to make it look good. I learned a lot about vector graphics and utilized the Framer Motion React library. I also tried to get creative with how the information is portrayed, such as with the stack pyramids to the right. Additionally, I had the opportunity to sharpen my Tailwind.css skills and create something that is presentable to the public.

Deployment

Deploying this website was also a big learning experience for me. The ammount of ways to deploy both my front end and backend code was a little bit overwelming at first, but it tought me a lot of valuable lessons. Deploying the front end was pretty straight forward, and netlify made it really easy but my server side code was a bit more tricky. After days of reaserching the best options, I decided to dockerize my application and deploy it to an AWS ec2 instance.