Website

Lakeside Smile Studio

A premium 16-page marketing website for a fictional Austin dental practice, built as a portfolio demonstration: calm motion, honest content and accessibility tested against WCAG 2.2 AA.

Visit live site

Category: Website
Services: Website Development
Built with: React, TypeScript, Vite, Tailwind CSS, Framer Motion, Cloudflare Workers
Live: Open live site (opens in a new tab)

The challenge

Show what a modern small-business website can be: easy to navigate, fast, accessible to everyone and honest, with no fake reviews, ratings or credentials.

What I worked on

01
16 prerendered pages with per-page SEO
02
Mega-menu with full keyboard support
03
Accessible before and after slider and FAQ
04
Appointment and contact forms with client-side validation
05
Mobile-first layouts tested from 320 to 1920px

Implementation

Built with React 19, TypeScript and Tailwind CSS v4, with lazy-loaded routes and Framer Motion transitions that respect reduced-motion settings. Every route is prerendered to its own HTML file with a unique title, description, canonical and social tags, plus a generated sitemap, and the site is served as static assets on Cloudflare Workers.

Outcomes

Zero axe violations on the WCAG 2.2 AA rule set
No horizontal overflow across 16 pages at 7 screen widths
Clearly labelled as a demo: no real patients, reviews or credentials

Gallery

Screenshots

Homepage
Services and navigation
Interactive and honest
Mobile first

More work

Related projects

All work

Ghostly chat app on three phones: invite, home screen and an encrypted chat

Web App

Live

Ghostly

Private, end-to-end encrypted chat rooms that vanish the moment everyone leaves. No accounts and no email: share a link or a QR code and talk. Free, installable, and built entirely on Cloudflare.

TypeScript
React
Vite

View case study

Jibong Purr-tection dashboard with a security score and recommended fixes

WordPress Plugin