Supun Geethanjana - Portfolio Website

A premium, high-performance personal portfolio website built for an Associate Tech Lead. This project showcases professional experience, skills, testimonials, and blog insights using modern web technologies.

🚀 Technologies Used

• Vite: Next Experience Frontend Tooling.
• React: JavaScript library for building user interfaces.
• Tailwind CSS: A utility-first CSS framework for rapid UI development.
• Framer Motion: Production-ready motion library for React animations.
• React Icons: SVG reactions icons.
• GitHub Pages: Static site hosting.

✨ Features

• Responsive Design: Fully adaptable layout for mobile, tablet, and desktop.
• Dynamic Animations: Smooth scroll reveals and hover effects.
• Modern UI/UX: Custom color palette (Dark Slate & Sky Blue) and glassmorphism elements.
• Downloadable Resume: Direct link to download the PDF resume.
• Testimonial Showcase: Grid layout for peer and client endorsements.
• Blog Integration: Links to external content on Medium, LinkedIn, and Dev.to.

🛠️ Installation & Setup

1. Clone the repository

   git clone https://github.com/SupunGeethanjana/SupunGeethanjana.github.io.git
   cd SupunGeethanjana.github.io

2. Install dependencies

   npm install

3. Run local development server

   npm run dev

   Open http://localhost:5173 to view it in the browser.

📦 Deployment

This project is configured for deployment on GitHub Pages.

1. Build and Deploy The deploy script automatically builds the project before pushing to the gh-pages branch.

   npm run deploy

2. Configuration Ensure your GitHub repository settings under Pages are set to serve from the gh-pages branch.

📄 License

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

---

Supun Geethanjana - Associate Tech Lead (R&I)