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¶
- React
- React Router (for multipage navigation)
- Three.js (interactive visuals)
- Docker & Docker Compose (used for local development)
- GitLab CI/CD
- AWS Route 53 (custom domain management)
๐ Implementation Steps¶
- Built a multipage architecture using React Router.
- Used Docker and Docker Compose to streamline local development and ensure consistency across environments.
- Set up continuous deployment with GitLab CI/CD.
- Configured a custom domain with AWS Route 53.
- Focused on improving homepage performance and user experience.
- Worked on Google indexing and SEO.
- 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.
๐ Related Resources¶
- ๐ Visit the Website
- ๐ ๏ธ GitLab in this Wiki