Profile
Vehan Rajintha

Vehan Rajintha

Full-Stack Developer

Designed & Built by Vehan Rajintha

© 2025, All rights reserved.

Back to Projects

Portfolio V3

Jan 2025Private
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

Next.jsTypeScriptshadcn/uiTailwind CSSDark Mode
Live Demo

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

GitHub Contributions

MailboxGet in touch

Let's build something great together — feel free to connect with me through any of the platforms above.