personalintermediatein progressFeatured

DevHakim Portfolio

A comprehensive portfolio website showcasing my journey from healthcare professional to software engineer, featuring interactive project showcases and a complete admin system where I can make changes when required.

August 2025

Technologies Used

Next.jsTypeScriptTailwind CSSFramer MotionSupabase

Project Overview

This portfolio website serves as both a showcase of my technical skills and a living document of my career transition from healthcare to software engineering. Built with modern web technologies and designed with user experience in mind.

Problem Statement

As a career changer, I needed a platform that would effectively communicate my story and demonstrate my technical abilities and growth mindset.

Solution

I created a comprehensive portfolio with interactive elements, detailed project showcases, and a complete admin system for content management.

Challenges & Solutions

Performance with Rich Animations

CHALLENGE

Balancing engaging animations with fast loading times and smooth performance.

SOLUTION

Used Framer Motion for optimized animations, implemented lazy loading for images, and used code splitting to reduce initial bundle size.

Key Learnings

  • Next.js App Router provides excellent developer experience and performance
  • TypeScript significantly improves code quality and developer confidence
  • Framer Motion is powerful but requires careful optimization for performance

Future Enhancements

  • Add blog functionality with MDX support
  • Implement dark mode with system preference detection
  • Add contact form with backend integration

Interested in This Project?

I'm always happy to discuss my projects in more detail and explain how the experience applies to new challenges.