Next.js 16 and React 19
The repository uses the App Router, TypeScript, Tailwind CSS, and a Vercel deployment.
Joshua David Sta Rita · Developer & Technical Partner
Prairie Oak Dental Studio
A responsive Next.js site for a fictional dental clinic. I designed it around the questions patients ask before booking: Can you help now? Will insurance cover it? What happens next?
Responsive build
Desktop, tablet, and phone are real screenshots from the live demo.
01 · The job
Make the next step clear.
Urgent care, insurance, comfort, and booking matter before the clinic story.
I put those decisions early, then kept treatment details available for patients who want to read further.
02 · My role
I designed and built the whole demo.
I handled the research, page structure, copy, visual design, Next.js development, testing, and deployment.
- Patient-first page structure
- Responsive interface design
- Next.js and TypeScript development
- Automated tests and deployment
What this demonstrates
The live demo and public repository back every item below.
Lighthouse CI
Pull requests are gated at 90 or higher for performance, accessibility, and SEO across three runs.
Keyboard and motion paths
The build includes skip navigation, keyboard-aware accordions, live regions, and reduced-motion guards.
Jest and Playwright
Component tests cover the FAQ and booking flow. Playwright checks the deployed experience across browser engines.
Have a website problem?
Send me the site and tell me what’s getting in the way.