Personal Portfolio Website

A modern, responsive personal portfolio website built with Next.js 15 and Tailwind CSS 4, featuring smooth animations and interactive particle effects.

Features

• 🎨 Modern and responsive design
• 🚀 Built with Next.js 15 and Tailwind CSS 4
• ✨ Smooth animations with Framer Motion
• 🌟 Interactive particle effects with tsparticles
• 📱 Mobile-friendly layout
• 📝 Contact form with EmailJS integration
• 🔗 Social media integration
• ⚡ TurboPack for faster development

Tech Stack

• Next.js 15 - React framework with TurboPack
• Tailwind CSS 4 - Utility-first CSS framework
• Framer Motion - Animation library
• React Icons - Icon library
• Heroicons - Beautiful hand-crafted SVG icons
• tsparticles - Interactive particle effects
• EmailJS - Email service integration

Getting Started

1. Clone the repository:

   git clone https://github.com/IsuruX98/portfolio.git
   cd portfolio

2. Install dependencies:

   npm install

3. Run the development server with TurboPack:

   npm run dev

4. Open http://localhost:3000 in your browser to see the result.

Project Structure

portfolio/
├── app/              # Next.js app directory
├── components/       # React components
├── context/          # React context providers
├── public/           # Static assets
├── .next/            # Next.js build output
└── ...

Deployment

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Customization

1. Update your personal information in the respective components
2. Add your projects in the Projects component
3. Modify the color scheme in tailwind.config.ts
4. Add your own images to the public folder
5. Configure particle effects in the respective components
6. Set up EmailJS service for the contact form

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contact

Isuru Madusanka - GitHub - LinkedIn