راهنمایی در مورد کلیت انجام پروژه

سلام رفقا. من صرفا با html و css کار کردم.میشه لطفا راهنماییم کنیید که پروژه ای رو که پایین شرح دادم باید چجوری به صورت client_side اجرا کنم ؟ آیا با JS خالی باید انجام بدم یا باید از فریموورک استفاده کنم ؟ با توجه به اینکه خیلی سرعت انجام پروژه برام مهمه توصیه می کنید از چه راهی برم ؟

عنوان : سیستم قرعه کشی
شرح : دراین برنامه لیستی از اشخاص وجود دارد و امکان افزودن عضو و حذف غضو و تغییر نام عضو در آن وجود دارد.
با کلیک روی دکمه ی قرعه کشی یکی از این افراد به صورت تصادفی انتخاب می شوند . لیست اعضا به صورت دایمی در حافظه مرورگر ذخیره می شود.

سناریوها :

• با نوشتن نام یک فرد در فیلد مربوطه و کلیک روی دکمه ی (+) نام این فرد به لیست افزوده می شود مگر اینکه فیلد خالی باشد.
• در هنگامیکه اشاره گر ماوس روی یکی از آیتم های لیست می رود دو دکمه ی (ویرایش) و (حذف) در کنار آن دیده می شود.
• با کلیک روی دکمه ی (ویرایش) دیالوگی باز می شود و نام جدید را از کاربر میگیرد. سپس با نام موجود جایگزین می کند مگر اینکه کاربر چیزی وارد نکرده باشد یا کلید (انصراف) را زده باشد.
• همیشه آخرین وضعیت لیست افراد به صورت دایمی در حافطه ی مرورگر ذخیره می شود.
• هنگام کلیک روی دکمه ی (قرعه) یکی از آیتم های لیست به صورت تصادفی کمی بزرگتر می شود و رنگ پس زمینه اش به سبز تغییر می کند.ولی اگر از قبل یکی از آیتم های لیست در این وضعیت قرار داشت ابتدا باید آن آیتم به وضعیت عادی خود برگردد و سپس قرعه کشی انجام شود.

سناریو های ویژه :

• لیست سیاه : یک آیکن و اکشن برای اضافه کردن یک شخص به لیست سیاه بگذارید و در صورت افزوده شدن فرد به لیست سیاه با رنگ و تغییر آیکن نمایش دهید.
• وزن دهی : به هر شخص در فرم افزودن یک امتیاز اختصاص دهید. سپس این عدد را به عنوان ضریب شانس در قرعه کشی دخالت دهید.