Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ibrohimrasulov/course-work


https://github.com/ibrohimrasulov/course-work

Last synced: 13 days ago
JSON representation

Awesome Lists containing this project

README

        

# Course Work

> PDP Academy: React bo'yicha imtixon.

https://user-images.githubusercontent.com/78875455/179469404-ccef7b53-ca5d-4073-aa6b-06213177ab3b.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](https://pdp-exam.netlify.app/)