Project

Overview

This portfolio website serves as a central hub to showcase my work in software engineering and technology. Built using the Next.js framework, it highlights my ability to create modern, responsive web applications with a focus on both functionality and design. The site is hosted on AWS through Amplify, demonstrating my proficiency in cloud deployment and CI/CD pipelines.

A key feature of this project is the custom Image Loader I developed. This loader dynamically adjusts the base URL for images depending on whether the environment is development or production. This ensures that I can thoroughly test changes in a local development environment before pushing them to production, maintaining a seamless workflow and consistent performance across environments.

One of the challenges I set for myself was to learn Next.js and integrate it with Tailwind CSS to achieve a clean, professional look that is also highly responsive across devices. This project allowed me to deepen my understanding of front-end development, particularly in creating custom components optimized for performance.

Additionally, I ventured into the design aspects of web development, using Canva to create the visual elements that bring the site to life. While not traditionally part of software engineering, mastering these tools has enriched my ability to deliver complete, polished projects.

The entire development process, from coding to deployment, is automated through GitHub Actions, showcasing my capability to integrate DevOps practices into my workflow. This site is more than just a portfolio; it's a testament to my continuous learning and adaptability in the ever-evolving tech landscape.