Akshat's Modern Portfolio

Professional portfolio of Akshat Jha, Software Engineer & AI/ML Enthusiast at IIT Mandi. Showcasing innovative projects, hackathon wins, and technical expertise.

Comment

Inspiration

The inspiration came from wanting to create a portfolio that goes beyond the typical template-based websites. As someone passionate about AI/ML and automation, I wanted to showcase not just my projects, but also demonstrate modern web development techniques with smooth animations, responsive design, and thoughtful user experience that reflects my technical capabilities.

What it does

Akshat's Modern Portfolio is a comprehensive showcase of my journey as a Software Engineer and AI/ML Enthusiast. It features an interactive timeline of my professional experience, detailed project showcases with live demos, technical skills visualization, achievement highlights from hackathons, and seamless contact integration. The portfolio adapts to both light and dark themes and provides smooth navigation between sections.

How we built it

Built using Next.js 13 with TypeScript for type safety and modern React features. Styled with Tailwind CSS and shadcn/ui components for a consistent design system. Implemented Framer Motion for smooth animations and micro-interactions. Used Lucide React for consistent iconography. The site is fully responsive, optimized for performance, and deployed on Netlify with custom domain integration.

Challenges we ran into

Creating smooth scroll animations that work across different devices and browsers was challenging. Implementing the animated name reveal effect required careful timing coordination. Ensuring the background paths component didn't interfere with text readability took multiple iterations. Managing the complex state for active section highlighting during scroll required optimization to prevent performance issues.

Accomplishments that we're proud of

Successfully created a portfolio that stands out from typical templates while maintaining professional aesthetics. Achieved smooth 60fps animations throughout the site. Built a fully accessible interface with proper ARIA labels and keyboard navigation. Implemented a sophisticated background animation system that enhances rather than distracts from the content. Created a modular component architecture that's easily maintainable and extensible.

What we learned

Gained deeper understanding of advanced Framer Motion techniques for complex animations. Learned how to optimize React components for smooth scrolling experiences. Discovered best practices for implementing dark/light theme switching with Next.js and Tailwind. Understood the importance of performance optimization when dealing with multiple animated elements on a single page.

What's next for Akshat's Modern Portfolio

Planning to add a blog section to share technical insights and project deep-dives. Will implement a project filtering system by technology stack. Looking to add interactive demos directly embedded in the portfolio. Considering integration with a CMS for easier content updates. Planning to add analytics to understand visitor engagement and optimize the user experience further.

Built With

Share this project:

Updates