🌌 Peace Jinadu-Paul | Portfolio

Innovative Software Engineer & Aesthetic Architect

View Live Site →

🌟 Overview

This is the central hub for my work, thoughts, and technical experiments. More than just a resume, this portfolio is a study in scalable web architecture and immersive user experiences.

Built with a focus on fluidity and performance, it leverages high-end motion libraries and modern testing suites to ensure a seamless experience across all devices—from desktop monitors to mobile browsers.

Snapshot 📸

🛠 Tech Stack

• Next.js 14 – App Router architecture for optimized routing and SSR.
• TypeScript – Ensuring type-safety and scalable code.
• GSAP – Complex orchestration of scroll-triggered and micro-interactive animations.
• Playwright – End-to-end testing suite (configured for WebKit/Mobile Safari stability).
• Tailwind CSS – Utility-first styling for a maintainable design system.
• Shadcn/UI – Radix-based accessible component foundations.

🚀 Engineering Highlights

• Motion Orchestration: Seamless integration of GSAP's ScrollSmoother and ScrollTrigger for a high-end, cinematic feel.
• Cross-Platform Stability: Robust E2E testing using Playwright to eliminate client-side exceptions on specific environments like iOS/WebKit.
• Responsive Architecture: A mobile-first approach ensuring that complex layouts remain functional and beautiful on any screen size.
• Performance Optimized: Fine-tuned Core Web Vitals with optimized font loading and image delivery.

How to run locally 💻

Clone the repository

git clone https://github.com/Pappyjay23/portfolio-v2.git

Navigate to the directory

cd portfolio-v2

Install Dependencies

npm install

Run

Run the development server to view the app.

npm run dev

Now, you can navigate to http://localhost:3000 to view the app.

Build

npm run build

Run Testing Suite (Playwright)

# To run tests specifically for mobile/webkit
npx playwright test --project="webkit"

Credits ✍

Designed and Engineered by Peace Jinadu-Paul