Create a Stunning Developer Portfolio with Animations, Dark Mode, and Projects Showcase

Follow and Connect with me on LinkedIn

1. Introduction
2. Tech Stack
3. Features
4. Quick Start
5. Screenshots
6. Deployment

Hey there! I am Dulaj Dulsith. This is a modern portfolio website using React, TailwindCSS, Vite, and Lucide Icons. From dark mode support to responsive animations and deployable project showcases.

• React – Component-based UI development
• Vite – Lightning-fast build tool
• TailwindCSS – Utility-first CSS for styling
• Lucide Icons – Clean and beautiful icon pack
• Radix UI – Accessible component primitives
• EmailJs - Recieve user message to my Email
• TypeScript (optional) – Type safety and tooling
• GitHub & Vercel – Deployment

• 🌑 Light/Dark Mode Toggle Save theme preference in local storage with beautiful transitions

• 💫 Animated Backgrounds Stars, meteors, scroll effects, and glowing UI elements

• 📱 Responsive Navigation Desktop and mobile menus with glassmorphism

• 👨‍💻 Hero & About Sections Showcase who you are with smooth intro animations and buttons

• 📊 Skills Grid Filterable progress bars and categories with animated width

• 🖼️ Projects Showcase Display screenshots, tech stacks, and GitHub/demo links

• 📩 Contact Section Social icons + responsive contact form with toast notifications

• 🚀 One-Click Message Message recieving to my Email address

• Node.js
• Git

git clone
cd My_Portfolio
npm install
npm run dev

Your app will be available at: http://localhost:5173

1. Push your code to GitHub
2. Go to vercel.com
3. Import your repository
4. Click Deploy

Your live website will be hosted on a custom subdomain (e.g. https://your-name.vercel.app)

• React Documentation
• Tailwind CSS Docs
• Lucide Icons
• Radix UI
• Vite
• Vercel