🚀 Personal Portfolio

A modern, responsive portfolio website showcasing my projects, skills, and professional journey.

🌐 Live Site

Visit the live site: www.dushxn.me

📋 Overview

This portfolio website serves as a comprehensive showcase of my development skills, projects, and professional experience. Built with modern web technologies, it features a clean, minimalist design focused on user experience and performance.

✨ Features

• Responsive Design - Optimized for all device sizes
• Modern UI/UX - Clean, professional interface
• Project Showcase - Detailed project presentations with live demos and source code links
• Skills Section - Technical skills and proficiencies
• About Me - Professional background and experience
• Contact Form - Direct communication capabilities
• Fast Loading - Optimized performance and minimal load times
• SEO Optimized - Better search engine visibility

🛠️ Tech Stack

• Frontend Framework: React.js
• Build Tool: Vite
• Styling: Tailwind CSS
• Language: JavaScript (JSX)
• Deployment: [Your deployment platform]
• Development Tools: ESLint, PostCSS

🚀 Getting Started

Prerequisites

• Node.js (v16 or higher)
• npm or yarn package manager

Installation

1. Clone the repository

git clone https://github.com/Dushxn/portfolio.git

2. Navigate to the project directory

cd portfolio

3. Install dependencies

npm install
# or
yarn install

4. Start the development server

npm run dev
# or
yarn dev

5. Open your browser and visit http://localhost:5173 (Vite's default port)

📁 Project Structure

portfolio/
├── public/              # Static assets and favicon
├── src/                 # Source code
│   ├── Components/      # Reusable React components
│   ├── Pages/          # Page components
│   ├── Shared/         # Shared utilities and components
│   ├── assets/         # Images, icons, and media files
│   ├── lib/            # Library configurations and utilities
│   ├── App.jsx         # Main App component
│   ├── index.css       # Global styles and Tailwind imports
│   └── main.jsx        # React app entry point
├── index.html          # HTML template
├── package.json        # Dependencies and scripts
├── tailwind.config.js  # Tailwind CSS configuration
├── vite.config.js      # Vite configuration
├── postcss.config.js   # PostCSS configuration
└── README.md           # Project documentation

🎨 Customization

The portfolio is designed to be easily customizable:

1. Personal Information: Update personal details in the configuration files
2. Colors & Themes: Modify the color scheme in the styling files
3. Content: Add your projects, skills, and experience
4. Layout: Adjust component layouts and sections as needed

📱 Sections

• Hero: Introduction and call-to-action
• About: Professional background and personal story
• Skills: Technical skills and expertise
• Projects: Portfolio of work with descriptions and links
• Experience: Professional experience timeline
• Contact: Contact form and social media links

🔧 Available Scripts

• npm run dev - Start Vite development server
• npm run build - Build for production
• npm run preview - Preview production build locally
• npm run lint - Run ESLint checks

📈 Performance

• Smooth Animations: WebGL Fluid Animations with framer motion
• Page Speed Insights: Optimized for fast loading
• Mobile-First: Responsive design principles

🤝 Contributing

While this is a personal portfolio, suggestions and feedback are welcome! Feel free to:

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Submit a pull request

📄 License

This project is open source and available under the MIT License.

📞 Contact

• Website: www.dushxn.me
• GitHub: @Dushxn
• Email: tdmahindarathne@gmail.com

🙏 Acknowledgments

• Thanks to the open-source community for inspiration and resources
• Special thanks to [mention any specific inspirations or resources]

---

⭐ If you found this project helpful, please consider giving it a star!