✅
Responsive UI with a modern design
Overview
Title:
Portfolio
Project Type:
Personal portfolio for showcasing work to potential employers and clients.
Personal or Client:
Personal
Role:
Design & Development
Year:
2025
Duration:
N/A
Last Updated:
03 September 2025
Status:
In Progress
Github:
Demo:
Context
Description:
A modern, developer-focused personal portfolio site built with Next JS, and Tailwind CSS. It showcases projects, technical skills, and contact information in a clean, responsive, and accessible layout.
Problem:
Developers often struggle to present their skills, projects, and personality in a way that stands out. Job applications can feel impersonal, and static CVs rarely reflect someone's technical and creative strengths.
Solution:
This portfolio provides a dynamic, interactive experience that highlights real, production-grade frontend work, communicates areas of expertise, tools utilised, and provides an easy way for recruiters or clients to connect, explore projects, or download my CV.
Audience:
👤
Hiring managers looking to assess frontend skills quickly
👤
Tech recruiters scanning for talent with React/Next.js experience
👤
Clients seeking freelance or contract developers
👤
Peers and collaborators in the frontend community
Scope
Features
✅
Accessibility (labels, focus states, keyboard nav)
✅
Animations
✅
Contact form with validation
✅
Skills carousel
✅
Project case studies
Pages
✅
Home (hero, about, projects, skills, contact)
✅
Projects (filter, project list)
✅
Project Slugs (overview, context, scope, techstack, gallery)
✅
Contact (form)
Tech Stack
HTML5
CSS3
JavaScript (ES6+)
TypeScript
React
Next.js
React Icons
Tailwind CSS
Framer Motion
Git & GitHub
Vercel (deployment)
Accessibility (WCAG basics, alt text, semantic HTML)
Basic SEO (metadata, OpenGraph tags)
Responsive Design (mobile-first)
Component Architecture
Image Optimization (Next/Image)
Static Site Generation (SSG)
Mock Data & Dynamic Routing
Image Gallery
Portfolio hero
Skill section
Contact section
Projects page
Contact page & contact form