Course Work

PDP Academy: React bo'yicha imtixon.

preview.mp4

Shartlar:

  • [x]1-topshiriq (15 ball): 3ta sahifadan iborat sayt tuzing. Sahifalar: Home (default sahifa), Form va Welcome. Har bir sahifa bir hil Header va Footer ga ega bo’lsin. Ya’ni Header va Footer o’zgarmas bo’lib tursin. Headerda Home va Form menulari bo’lsin. Ular bosilganda ushbu sahifalarga o’tilsin. E’tibor bering, Welcome sahifasiga Header orqali o’tilmaydi.
  • [x]2-topshiriq (25 ball): Home sahifasi da button hosil qiling. Har safar button bosilganda sahifaning orqa foni tasodifiy rangga o’zgarsin.
  • [x]3-topshiriq (35 ball): Form sahifasida button va 3ta input hosil qiling: ism, username va password. Toki uchchala input kiritilmaguncha button bosilmaydigan bulib tursin. Agar username admin va password 7777 bo’lsa Welcome sahifasiga o’tkazib yuboring. Aks holda “Username yoki password” noto’g’ri matnini qizil rangda chiqaring.
  • [x]4-topshiriq (15 ball): Welcome sahifasida Form sahifasida kiritilgan ism quyidagi shaklda chiqib tursin: Salom, ism!
  • [x]5-topshiriq (10 ball): Header va formlarga style bering. Qanday style berishingiz ixtiyoriy.

To run the app in the development mode:

Type using terminal npm run

Demo

Live demo link