Cleaning Services Website

ضمن منحة تدريبية, قمت بتطوير موقع إلكتروني متكامل لشركة تنظيف باستخدام Bootstrap وRedux Toolkit وReact.js.

تفاصيل المشروع:

1. بنية المشروع

-تكوين مشروع React باستخدام Create-React-App

-هيكلة المكونات (Components) بطريقة modular

-استخدام Functional Components مع Hooks

-تقسيم الكود إلى حاويات (Containers) وعرض (Presentational) components

2. إدارة الحالة

-تطبيق Redux Toolkit لـ:

--إدارة حالة حجوزات الخدمات

--تخزين بيانات المستخدمين

--معالجة حالات التحميل والأخطاء

-استخدام createSlice لتبسيط كتابة الـ reducers

3. واجهة المستخدم

-تطوير واجهة مستخدم متجاوبة مع Bootstrap 5

-تصميم نظام التصفح والتصفية للخدمات

-إنشاء نماذج تفاعلية لحجز الخدمات

-تطبيق تأثيرات حركية لتحسين تجربة المستخدمة