All projects
Dental Clinic Website
A responsive marketing website for a dental clinic, showcasing services and appointment info, built with React, TypeScript, and Tailwind CSS v4.
- React
- TypeScript
- Vite
- Tailwind CSS
Hosted on - https://lucaslhh-dental-clinic.netlify.app/
1. Description
This is a static, single-page responsive marketing website for a dental clinic.
Figure 1.1: Website Cover
2. Features
- Modern, professional landing page for a dental clinic
- Clean healthcare-focused UI
- Hero section highlighting the primary "Book an Appointment" call to action
- Overview of dental services and treatments offered
- Clinic stats and trust signals to build patient confidence
- Patient testimonials and star ratings
- Doctor and clinic profile information
- Guided appointment booking flow
- Fully responsive layout
3. Walkthrough
Figure 3.1: Desktop Walkthrough
Figure 3.2: Mobile Walkthrough
4. Setup
Project is in Workspace/dental-clinic-website/ directory.
cd Workspace/dental-clinic-website
npm install
npm run dev # start the dev server
npm run build # type-check and build for production
npm run preview # preview the production build
npm run lint # lint with oxlint
npm run format # format with Prettier
5. Technologies used
- Vite
- React + TypeScript
- Tailwind CSS v4
- react-icons
- oxlint + Prettier
- Deployed on Netlify
6. Credits
- Built with reference to Figma Community Design - Clinic Website Figma File
7. License
Copyright (c) 2026 H.V.L.Hasanka
Licensed under MIT License