https://github.com/dulaj03/my_portfolio

Hey there! I am Dulaj Dulsith. Checkout my Portfolio from here.
https://github.com/dulaj03/my_portfolio

emailjs-com jsx nodejs react tailwindcss vite

Last synced: 4 months ago
JSON representation

Hey there! I am Dulaj Dulsith. Checkout my Portfolio from here.

Host: GitHub
URL: https://github.com/dulaj03/my_portfolio
Owner: dulaj03
License: mit
Created: 2025-05-29T13:42:35.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2025-05-29T20:15:48.000Z (about 1 year ago)
Last Synced: 2025-05-29T21:28:25.442Z (about 1 year ago)
Topics: emailjs-com, jsx, nodejs, react, tailwindcss, vite
Language: JavaScript
Homepage: https://my-portfolio-sigma-ivory-60.vercel.app/
Size: 16.3 MB
Stars: 0
Watchers: 0
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

          # 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](#-introduction)

2. [Tech Stack](#-tech-stack)

3. [Features](#-features)

4. [Quick Start](#-quick-start)

5. [Screenshots](#-screenshots)

6. [Deployment](#-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](https://nodejs.org/)

* [Git](https://git-scm.com/)

### Clone and Run

```bash

git clone

cd My_Portfolio

npm install

npm run dev

```

Your app will be available at: [http://localhost:5173](http://localhost:5173)

---

### Deploy on Vercel

1. Push your code to GitHub

2. Go to [vercel.com](https://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](https://reactjs.org/)

* [Tailwind CSS Docs](https://tailwindcss.com/)

* [Lucide Icons](https://lucide.dev/)

* [Radix UI](https://www.radix-ui.com/)

* [Vite](https://vitejs.dev/)

* [Vercel](https://vercel.com/)

---