طراحی یک صفحه HTML برای تبادل اطلاعات با استفاده از ajax

میخواهیم یک صفحه HTML ایجاد گردد که مقادیر را از یک سرور با ajax دریافت نماید و در صورت تغییر مقادیر توسط کاربر در صفحه، اطلاعات به server با فرمت json با استفاده از ajax ارسال گردد. دریافت اطلاعات از سرور در بازه های زمانی قابل تنظیم (مثلا هر 5 ثانیه) از سرورانجام خواهد شد و درصورت تغییر مقادیر، نمایش آنها در صفحه بروز رسانی خواهند شد. همچنین در صورت تغییر مقادیر توسط کاربر، مقادیر جدید به سرور ارسال خواهند شد. ارسال ها باید با فاصله های زمانی از هم ارسال گردند تا باعث اختلال در عملکرد سرور نشود. گرافیک اولیه در figma طراحی شده است و باید پیاده سازی شود. کد دریافت و ارسال با ajax و jquery بصوت اولیه نوشته شده و باید بهینه شود. گرافیک شامل یک صفحه اصلی و یک modal برای نشان دادن و تنظیم مقادیر تکمیلی میباشد. تصویر صفحه اصلی به پیوست میباشد. تصایر، اسکریپت و css ها های استفاده شده باید در همان صفحه html قرار گرفته و embed شوند. نمونه اولیه برنامه با ajax و html نوشته شده و در اختیار شما قرار خواهد گرفت. تصویر کلی پروژه، مطابق تصویر پیوست میباشد