Philemon Osei Kusi - Personal Portfolio

A modern, fully responsive personal portfolio website for a Software Engineer & Digital Creative. Built with high-impact typography, smooth animations, and a clean "white aesthetic" design.

🚀 Features

• Modern One-Page Layout: A seamless scrolling experience with a visual progress bar.
• Dynamic Animations: Powered by Framer Motion, including fade-ins on scroll, slide-up transitions, and micro-interactions.
• Responsive Design: Fully optimized for mobile, tablet, and desktop viewports.
• Icon-Rich Skills Section: Visually engaging skills grid using Lucide React icons.
• Professional Sections:
  • Hero: Impactful introduction with dynamic image presentation.
  • About: Personal summary and qualities.
  • Experience & Education: Timeline-based professional history.
  • Projects: Portfolio showcase with hover overlays.
  • Contact: Polished contact form and social media integration.

🛠️ Tech Stack

• Framework: React 19 with Vite
• Styling: Tailwind CSS 4.0
• Animations: Framer Motion
• Icons: Lucide React
• Language: TypeScript

📦 Getting Started

Prerequisites

• Node.js (latest LTS recommended)
• npm

Installation

1. Clone the repository (if applicable) or download the source code.
2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

🎨 Customization

Updating Profile Image

To show your photo on the website:

1. Save your image as profile.png.
2. Place it in the /public folder.
3. The site will automatically detect and apply the enhanced "active" ring effects to it.

Editing Content

All content (navigation, skills, projects, experience) is centralized in: src/data.ts

Simply edit the constants in this file to update your portfolio with your own information.

📫 Contact

• Email: philemonkusi292@gmail.com
• Phone: +233592063645
• Location: Kumasi, Ghana
• LinkedIn: linkedin.com/in/philemonkusi

---

Developed with ❤️ by Philemon Osei Kusi.