Sean Oldfield

Vibe Coder & Web App Developer

Y11 developer passionate about crafting intuitive web experiences. I turn ideas into interactive realities, one line of code at a time. Currently vibing with React, Next.js, and modern CSS to build apps that feel as good as they look.

My Projects

Scroll to explore

WaveForm app showing the Discover page with genre filters and AI-powered music recommendations

Waveform - Free Music Player

Coded on Lovable - Hosted through Netlify

WaveForm Homepage

Ptrn habit tracker app homepage showing morning, afternoon and evening habits

Ptrn

Coded on Lovable - Hosted through Github Pages

Ptrn Homepage

Elevatr app homepage showing a mountain goal tracker with peak progress chart

Elevatr

Coded on Lovable - Hosted through Netlify

Elevatr Homepage

Flow-State app homepage showing AI-powered study materials generator with flashcards and quizzes

Flow-State

Coded + Hosted on v0 - Gemini Intergration

Flow-State Homepage

Code on a computer screen

Project Name

Stack · Goes · Here

Photo by: Arnold Francisca

Laptop with code editor open

Project Name

Stack · Goes · Here

Photo by: Clement Helardot

GitHub interface on screen

Project Name

Stack · Goes · Here

Photo by: Roman Synkevych

Developer typing on keyboard with code

Project Name

Stack · Goes · Here

Photo by: Arian Darvishi

Selected Work

Hover to preview, click to open the full case study menu

Selected Work

ElevatrFlow-StateWaveformPtrn

Elevatr Case Study

Gamify your goals with mountain-climbing metaphors. Track habits and watch your peak progress climb. (Live)

Elevatr project preview

Relevant Case StudyElevatr gamifies personal growth by framing goals as peaks to summit. Habits become steps up the mountain, and progress is visualized in a clear mountain-chart interface.

ElevatrHabit tracking app · Built and shipped by Sean Oldfield

Peaks to Summit

Structured goal hierarchy

%

Mobile-first UI

Optimized for on-the-go tracking

Skills & Tools

Technologies and techniques picked up across every build

Core Skill

Frontend DevelopmentReact · Next.js

Built four full web apps using React and Next.js — handling routing, state, server components, and API routes. Comfortable building everything from landing pages to multi-page SPAs.

#React#Next.js#TypeScript
Explore →
Core Skill

UI / StylingTailwind · shadcn/ui

Designed all project UIs with Tailwind CSS and shadcn/ui. Fluent in utility-first styling, dark mode theming, responsive layouts, and custom design tokens via globals.css.

#Tailwind CSS#shadcn/ui#CSS
Explore →
Applied

Mobile-First DesignLovable · Netlify

Waveform and Ptrn were built and shipped as mobile-first apps using Lovable, with real users in mind. Focused on touch targets, scroll behaviour, and clean navigation patterns.

#Responsive#Mobile UX
Explore →
Applied

AI IntegrationGemini · v0

Integrated Google Gemini into Flow-State to auto-generate flashcards, notes, and quizzes from uploaded content. Experienced with AI SDK patterns, prompt engineering, and streaming responses.

#Gemini API#AI SDK#Prompting
Explore →
Active

Version ControlGit · GitHub

All projects are version-controlled and hosted on GitHub. Familiar with branching, commits, pull requests, and GitHub Pages deployment.

#Git#GitHub Pages
Explore →
Growing

Full-Stack ThinkingVercel · Netlify

Shipped apps across Vercel, Netlify, and GitHub Pages. Understands the deployment pipeline — from local dev to live preview to production — and how to wire up environment variables, APIs, and hosting configs.

#Deployment#Vercel#Netlify
Explore →