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.

Scroll to explore

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

Project Spotlight

Hover a card to explore — click Learn More for the full story

Elevatr

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

Learn More

Flow-State

Upload lectures or documents and get AI-generated flashcards, notes, and quizzes — powered by Gemini.

Learn More

Waveform

A free music discovery app with genre filters, search, and a minimal mobile-first interface.

Learn More

Ptrn

Build better routines with time-blocked morning, afternoon, and evening habit groups.

Learn More

Coming Soon

The next project is already in the works. Stay tuned for something new.

Coming Soon

Coming Soon

Another idea is brewing. Check back for updates on what comes next.

Coming Soon

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 →