Lucas의 포트폴리오
모든 프로젝트

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

Deployment status - Netlify Status

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

6. Credits

7. License

Copyright (c) 2026 H.V.L.Hasanka
Licensed under MIT License