اتصال و توسعه کامل داشبورد مدیریت رهراد خودرو با بروزرسانی لحظه‌ای و هماهنگ‌سازی زنده صفحات سایت

شرح پروژه

سایت رهراد خودرو از پنج صفحه‌ی HTML خالص تشکیل شده (index، products، services، about، contact) و فایل dashboard.html قبلاً طراحی شده است.

هدف این پروژه، ارتقای این داشبورد به نسخه‌ی کاملاً پویا و زنده است تا هر تغییر در بخش‌های مختلف، در لحظه (Real‑Time) روی سایت اعمال شود بدون نیاز به رفرش یا خروج دستی.

✅ لیست وظایف و نیازهای پروژه:
اتصال کامل داشبورد به صفحات سایتبا استفاده از فایل مرکزی siteConfig.json و اسکریپت siteconfig-loader.js، تغییرات از داشبورد باید بلافاصله در صفحات وب قابل مشاهده باشند (DOM binding live + instant refresh on change).
فعال‌سازی و هماهنگ‌سازی تمام دکمه‌ها در داشبورد مدیریت:افزودن و حذف محصول‌ها با به‌روزرسانی فوری در لیست محصولات سایت.
ویرایش دسته‌بندی‌ها با رندر لحظه‌ای در تب محصولات.
تغییر هدر، شعار و شماره تماس درجا روی سایت اصلی.
تغییر لوگو از طریق دکمه “بروزرسانی لوگو” بدون نیاز به reload (جا‌به‌جایی خودکار img src در <header> و <footer>).
مدیریت کامل محصولات و دسته‌بندی‌ها:ذخیره، ویرایش، حذف و مرتب‌سازی با ذخیره در JSON مرکزی و sync با DOM صفحه products.html.
مدیریت و درج مقاله‌ها (Blog System):افزودن، ویرایش و حذف مقاله‌ها در داشبورد و بروزرسانی فوری صفحه‌ی blog.html.
آپلود واقعی فایل‌ها (لوگو / تصاویر محصولات):با استفاده از uploadFile.php, uploadConfig.php, listUploads.php، انجام شود؛ کلید امنیتی RahradSecret12345 در Fetch API معتبر باشد.
اعمال و تغییر رنگ‌بندی سایت (Theme Colors):هر تغییر از داشبورد باید در لحظه روی استایل بدنه‌ی صفحات اعمال شود (dynamic CSS update).
نمایش آمار بازدید واقعی:ایجاد فایل stats.php یا JSON لوکال جهت ثبت Views؛ در داشبورد بخش 📈 آمار بازدید به‌صورت زنده نمایش داده شود (روزانه، ماهانه و کل بازدید).
اتصال فوتر سایت و لوگو آن به سیستم مدیریت:المان‌های id="siteFooter" و id="siteFooterLogo" باید بروزرسانی زنده از داشبورد داشته باشند.
رفع کامل ریدایرکت و بهینه‌سازی Loader امنیتی (login.html):ورود و خروج از پنل بدون لوپ و با Timeout درست بارگذاری شود.
تست نهایی دکمه‌ها و ذخیره‌سازی:
تمام دکمه‌های «افزودن»، «ویرایش»، «ذخیره»، «حذف» و «اعمال» باید در حالت عملیاتی کار کنند و پیغام موفقیت نمایش دهند.

تکنولوژی‌های مورد نیاز
                                        
HTML5 / TailwindCSS
Vanilla JavaScript (Fetch API + Live DOM Binding)
JSON / LocalStorage Sync System
AJAX / PHP (Mock Upload & Stats API)
Chart.js (برای آمار زنده)
Font: IRANSansWeb (RTL)
Responsive Design (Corporate Blue #005B99)

این پروژه شامل 1 فایل مهم است، لطفا قبل از ارسال پیشنهاد حتما نسبت به بررسی این فایل اقدام فرمایید.

مهارت ها و تخصص های مورد نیاز

درباره کارفرما

Kingofthenorth

عضویت چهار سال پیش

33 پروژه ثبت شده ،

1 پروژه در حال انجام ،

0 پروژه آماده دریافت پیشنهاد ،

نرخ پذیرش پیشنهاد 64%