Oliver Shenton

Portfolio

Overview

Title:
Portfolio
Project Type:
A showcase of my work as a frontend developer.
Client:
Personal
Role:
Design & Development
Year:
2025
Duration:
Ongoing
Last Updated:
23/09/2025
Status:
In Progress
Github:
https://github.com/OliverShenton/portfolio
Demo:
https://oliver-shenton.com/

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:
  • 🟢 Interactive Hero
  • 🟢 Search bar for filtering techstack tags
  • 🟢 Contact card with working form using Form Spree API
  • 🔜 Animations using Framer Motion
Pages:
  • 🔜 Home page - Hero, About, Projects, Techstack, Contact
  • 🟢 Projects page
  • 🟢 Projects Slug page
  • 🟢 Contact page

Techstack

HTML5

CSS3

JavaScript (ES6+)

TypeScript

React

Next.js

React Icons

React Bits (animated component library)

BGJar | Free svg backgrounds

Tailwind CSS

Framer Motion

Form Spree API

Git & GitHub

Vercel (deployment)

Accessibility (WCAG basics, alt text, semantic HTML)

Basic SEO (metadata)

Responsive Design (mobile-first)

Component Architecture

Image Optimization (Next/Image)

Static Site Generation (SSG)

Mock Data & Dynamic Routing

Image Gallery

Home Page > Hero

Home Page > Hero