موقع عيادة أسنان

(ٌReact Frontend)

I developed a modern, responsive Dental Clinic website using React.js as a frontend framework, focusing on creating a clean UI/UX experience suitable for real-world clinic systems and portfolio presentation.

✨ Project Overview

This project is a fully responsive dental clinic website designed to showcase clinic services, offers, and allow users to interact with booking features. The design focuses on simplicity, professionalism, and user-friendly navigation across all devices.

🛠️ Technologies & Tools Used

* React.js (Functional Components & Hooks)

* React Router DOM (Multi-page navigation)

* JavaScript (ES6+)

* CSS3 / Bootstrap (Responsive design)

* i18next (Multi-language support)

* AOS / Animations (if used)

* Local State Management using useState & useEffect

📌 Key Features

🏠 Home Page

* Hero section with clinic introduction

* Smooth navigation between sections

* Modern UI with clean layout

💎 Offers Section

* Dynamic offers cards (discounts & services)

* Responsive slider / grid layout

* Loading skeleton for better UX (if implemented)

* Translated content using i18n

📅 Booking System

* Appointment booking modal/form

* Form validation for user inputs

* Confirmation interaction UI

🌐 Multi-language Support

* Full Arabic / English support using i18next

* Dynamic content switching without reload

📱 Responsive Design

* Fully optimized for mobile, tablet, and desktop

* Flexible layouts using Bootstrap & CSS media queries

🎯 UI/UX Highlights

* Clean medical design suitable for dental clinics

* Easy navigation and structured sections

* Smooth transitions and interactive elements

* User-friendly booking experience