Skip to content

Portfolio

๐Ÿง  Overview

This project aims to create a personal portfolio website that showcases both my professional and personal projects, providing a deeper look into my background, experience, and interests. The website serves as a dynamic and accessible way to present my work to collaborators, recruiters, and the broader tech community.

In addition to the portfolio itself, two main projectsโ€”DashLab, a dashboard aggregating various coding projects, and Minshelf, a personal wiki for detailed notes and insights, expanding the siteโ€™s scope by highlighting a range of projects and insights Iโ€™ve completed and am presently advancing.

๐Ÿ› ๏ธ Technologies Used

๐Ÿš€ Implementation Steps

  1. Built a multipage architecture using React Router.
  2. Used Docker and Docker Compose to streamline local development and ensure consistency across environments.
  3. Set up continuous deployment with GitLab CI/CD.
  4. Configured a custom domain with AWS Route 53.
  5. Focused on improving homepage performance and user experience.
  6. Worked on Google indexing and SEO.
  7. Future plans: enhance page content clarity and add structured metadata for improved discoverability.

๐Ÿ“Œ Challenges Encountered

A key challenge was optimizing the websiteโ€™s performance. Initially, the site scored poorly on Google PageSpeed Insights. After several iterations, including asset compression, image optimization, and lazy loading, I achieved a 100/100 performance score.

For SEO, I had to address indexing limitations by integrating react-snap for pre-rendering static pages, which was crucial due to the presence of name homonyms affecting search relevance.

โœจ What I Learned

This project helped me deepen my understanding of:

  • Domain management and HTTPS configuration via AWS Route 53
  • Static pre-rendering for React apps using react-snap
  • Performance tuning for single-page applications
  • SEO best practices for personal branding and content discoverability

While I was already familiar with Docker and Docker Compose, this project reinforced their value in maintaining a clean and replicable dev environment.