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 - Free Music Player
Coded on Lovable - Hosted through NetlifyWaveForm Homepage
Ptrn
Coded on Lovable - Hosted through Github PagesPtrn Homepage
Elevatr
Coded on Lovable - Hosted through NetlifyElevatr Homepage
Flow-State
Coded + Hosted on v0 - Gemini IntergrationFlow-State Homepage
Project Name
Stack · Goes · HerePhoto by: Arnold Francisca
Project Name
Stack · Goes · HerePhoto by: Clement Helardot
Project Name
Stack · Goes · HerePhoto by: Roman Synkevych
Project Name
Stack · Goes · HerePhoto by: Arian Darvishi
Selected Work
Hover to preview, click to open the full case study menu
Selected Work
Elevatr Case Study
Gamify your goals with mountain-climbing metaphors. Track habits and watch your peak progress climb. (Live)
Overview
Elevatr 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. Replace the image with your hero or primary screen when ready.
Problem & approach
Traditional habit trackers can feel like flat to-do lists. Elevatr leans into a single metaphor so progress feels tangible: every check-in moves you along a ridge toward a summit. Edit this block with your real problem statement, constraints, and what you optimized for (speed, clarity, delight, etc.).
Outcome & what I learned
The experience reinforced how to structure hierarchical goal data and present it in a way that stays legible on small screens. Next passes could deepen analytics or social accountability. Swap this image for a detail shot, chart, or alternate flow you want highlighted.
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
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.
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.
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.
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.
Version ControlGit · GitHub
All projects are version-controlled and hosted on GitHub. Familiar with branching, commits, pull requests, and GitHub Pages deployment.
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.