Projects using Next.js in Newcastle upon TyneProjects using Next.js in Newcastle upon Tyne
Cover image for New weekend project: Coin Club
New weekend project: Coin Club - a fictional fintech/crypto platform with a rubber hose-inspired visual style. I wanted to apply a lot of what I do in my day job around dashboards, workflows, data-heavy interfaces, and internal tools, but package it into something a little more fun. Features include: • Portfolio dashboard • Asset swaps • Markets and watchlists • Security vault • Learning hub • CMS-powered blog Tech stack: • Next.js • TypeScript • Tailwind CSS • Framer Motion • Supabase • Sanity Very different visually from the kind of work I normally do, but it was a fun challenge exploring how far I could push a playful design system while still keeping the product usable and structured. Feedback is always welcome.
2
2
276
Cover image for I've been working on something
I've been working on something over the past week, that started as job board exploration but the more I built the more I realised the valuable part wasn't the jobs, its everything that happens after you apply. So FOUND slowly evolved into something closer to a job search operating system with: • Application tracker • Kanban board • Calendar view • Interview timeline • Notes workspace • Reminders & follow-ups • Momentum tracking Whether opportunities come from LinkedIn, referrals, recruiters, startup websites, or job boards, everything lives in one place. Still a work in progress, but it's been a fun reminder that sometimes the best product ideas appear while you're building. Built with Next.js, TypeScript, TailwindCSS, Framer Motion, and Supabase.
1
2
304
Cover image for Last Seen - Places disappear.
Last Seen - Places disappear. Their stories don't have to. Last Seen is an archive of lost places and the memories people left behind. A living record of the places that shaped us, before they disappear from memory as completely as they have from maps. The research Before writing a line of code I posted to Reddit. "What closed place do you still think about?" Three subreddits. Three cities. 217,000 views. 1,652 replies. The Astoria. Shunt Vaults. CBGB. Florent. The problem was real before I built anything. The Figma workflow Figma Weave generated the visual language, aged paper textures, film grain overlays, archival map treatments. The Design Agent built the complete design system from a single prompt, colour styles, typography, eight components, page layouts, brand guidelines. The result is a 16-frame horizontal brand identity deck published to the Figma Community. Two Figma Make widgets built and published to Community, Memory of the Day and Still Here, pulling real memories from a live Supabase database in real time. The product Next.js, TypeScript, Tailwind, Supabase, Mapbox GL JS, Vercel. 103 places across five cities. A heatmap showing where memory concentrates across continents. Real memories from real people. An admin queue, rate limiting, auto-geocoding, profanity filtering, i18n across six languages. 825 unique visitors in three days. The archive keeps growing. The workflow Reddit validation, Figma Weave, Design Agent, Figma Make, live product. In 24 hours. Design System - https://www.figma.com/design/Kn81kFZfmAOf9OJkzUGohk/Last-Seen?node-id=0-1&t=JJ7SBoTiIzpf07OZ-1 Figma Make - https://glassy-sky-12636665.figma.site Project link - https://www.lastseen.city
22
40
3.6K
Cover image for AREA is a fictional creative
AREA is a fictional creative technology studio exploring how AI-native workflows can shape modern digital identity design. I used Google Stitch to explore and refine the brand direction through typography studies, interaction concepts, motion systems, colour exploration, and in-place AI edits before rebuilding the final experience in Next.js with Framer Motion and deploying it on Vercel. The final site focuses on cinematic pacing, editorial restraint, atmospheric motion, and immersive interaction design inspired by modern creative studio websites. Live Site: https://area-snowy.vercel.app Stitch was strongest as a rapid creative direction and identity exploration tool. The in-place editing workflow made it easy to iteratively refine layouts, spacing, typography, and atmosphere while maintaining creative momentum. The workflow became most powerful when paired with production tooling, using Stitch to establish the creative system first, then translating the final direction into code for deeper interaction and motion refinement.
14
35
2.8K
Cover image for Built FORGE.inspect, a UI analysis
Built FORGE.inspect, a UI analysis and design-system auditing tool focused on helping teams identify inconsistency, improve scalability, and better understand the structure of their interfaces. The platform analyzes websites and interfaces to surface insights such as: Colour palette extraction Typography and spacing systems Component usage patterns Design inconsistencies UI quality and consistency scoring The goal is to turn complex interface analysis into something visual, actionable, and developer-friendly, while also bridging the gap between design systems and real-world implementation. Designed with a strong focus on product UX, data visualization, and developer tooling, combining front-end engineering with design-system thinking and interface diagnostics.
0
191
Cover image for Built Infinite, an experimental interactive
Built Infinite, an experimental interactive playground focused on motion, atmosphere, and immersive web experiences. The project explores creative front-end development through animated 2D scenes, transitions, visual effects, and interaction systems, acting as a public space to push my skills in motion design, creative development, and real-time UI experiences. Designed and developed using modern web technologies including React, Next.js, TypeScript, Canvas-based rendering, animation systems, and interactive UI techniques. The focus of the project is not just visuals, but creating interfaces and digital experiences that feel alive, tactile, and emotionally driven.
0
218