Portfolio V3
About This Project
A modern, responsive portfolio website built with Next.js 15 and TypeScript. Features dark mode support, animated transitions, GitHub contributions integration, and a comprehensive showcase of projects, achievements, and blog posts. Built with shadcn/ui components and Tailwind CSS for optimal performance and user experience.
Technologies Used
Key Features
- ✓Modern Next.js 15 portfolio with App Router
- ✓Fully responsive design for all devices
- ✓Dark mode support with next-themes
- ✓GitHub contributions integration
- ✓Comprehensive project showcase with filtering
- ✓Blog posts section with featured articles
- ✓Achievements and certifications display
- ✓Resume/CV section
- ✓Animated page transitions and loaders
- ✓shadcn/ui component library integration
- ✓TypeScript for type-safe development
- ✓Tailwind CSS for modern styling
Technical Architecture
framework
Next.js 15 with App Router
language
TypeScript
styling
Tailwind CSS
ui
shadcn/ui components
theme
next-themes for dark mode
deployment
Netlify (https://vehan.netlify.app/)
icons
Lucide React
Challenges Faced
- ⚠Implementing smooth dark mode transitions
- ⚠Creating responsive layouts for all screen sizes
- ⚠Managing complex project data structure
- ⚠GitHub contributions API integration
- ⚠Optimizing page load times
- ⚠Creating intuitive navigation and sidebar
Achievements
- ✓Fully responsive portfolio website
- ✓Seamless dark mode experience
- ✓Modern UI with shadcn/ui components
- ✓GitHub contributions integration
- ✓Production-ready deployment
- ✓Type-safe TypeScript implementation
Get in touch
Vehan Rajintha
Full-Stack Developer
Designed & Built by Vehan Rajintha
© 2025, All rights reserved.
Portfolio V3
About This Project
A modern, responsive portfolio website built with Next.js 15 and TypeScript. Features dark mode support, animated transitions, GitHub contributions integration, and a comprehensive showcase of projects, achievements, and blog posts. Built with shadcn/ui components and Tailwind CSS for optimal performance and user experience.
Technologies Used
Key Features
- ✓Modern Next.js 15 portfolio with App Router
- ✓Fully responsive design for all devices
- ✓Dark mode support with next-themes
- ✓GitHub contributions integration
- ✓Comprehensive project showcase with filtering
- ✓Blog posts section with featured articles
- ✓Achievements and certifications display
- ✓Resume/CV section
- ✓Animated page transitions and loaders
- ✓shadcn/ui component library integration
- ✓TypeScript for type-safe development
- ✓Tailwind CSS for modern styling
Technical Architecture
framework
Next.js 15 with App Router
language
TypeScript
styling
Tailwind CSS
ui
shadcn/ui components
theme
next-themes for dark mode
deployment
Netlify (https://vehan.netlify.app/)
icons
Lucide React
Challenges Faced
- ⚠Implementing smooth dark mode transitions
- ⚠Creating responsive layouts for all screen sizes
- ⚠Managing complex project data structure
- ⚠GitHub contributions API integration
- ⚠Optimizing page load times
- ⚠Creating intuitive navigation and sidebar
Achievements
- ✓Fully responsive portfolio website
- ✓Seamless dark mode experience
- ✓Modern UI with shadcn/ui components
- ✓GitHub contributions integration
- ✓Production-ready deployment
- ✓Type-safe TypeScript implementation
Contributions
