# I Built My Developer Portfolio as a Pixel-Art World

In a unique approach to building a developer portfolio, a creator chose to construct a small pixel-art world. Each island within this world represents different aspects of the creator's career journey, incorporating elements like education, work experience, projects, and other accomplishments. Initially, the creator attempted to build a side-scrolling coastal town, but found it lacked clarity in conveying their experience.

After some reflection, they decided to start anew and developed an island-based map that not only showcased the creator's journey but also engaged users in the exploration process.

The portfolio was built using a combination of modern technologies such as Next.js, TypeScript, Tailwind CSS, PixiJS, Framer Motion, Howler, and Zustand. The challenge was not only to integrate these tools but also to ensure that animations, interactions, navigation, audio, and portfolio content worked together seamlessly without compromising usability.

The main goal of the portfolio was to strike a balance between showcasing the creator's personality and making their experience easy to understand. The creator aimed to allow users the opportunity to explore the world at their own pace, while also providing quick access to their experience, projects, skills, and background. The portfolio remains a work in progress, with ongoing efforts to improve mobile experience and performance.

The author invites feedback and encourages others who build portfolios or interactive web experiences to share their thoughts on achieving a balance between creativity and usability. The portfolio can be viewed at https://fatimazehrashakeel.netlify.app/ and the story behind it can be found at https://www.linkedin.com/feed/update/urn:li:activity:7507031808652455936.