Dulaj Dulsith - My Portfolio Website

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

Follow and Connect with me on LinkedIn

📋 Table of Contents

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

---

🚀 Introduction

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.

---

⚙️ Tech Stack

• 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

---

⚡️ Features

• 🌑 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

---

👌 Quick Start

Prerequisites

• Node.js
• Git

Clone and Run

git clone
cd My_Portfolio
npm install
npm run dev

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

---

Deploy on Vercel

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)

---

🔗 Useful Links

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

---