How to Create a Complete School Portal Website Using ChatGPT| Full Front-End Tutorial + Ready Prompt

Описание: ➡ Prompt:
Create a complete front-end School Portal Website for me using HTML, CSS, and JavaScript.

The website must include these features:

1. Student Information
Student Name
Student Code
Subject Group (Computer, Biology, Humanities, etc.)
Display as responsive student cards

2. Test Series Data
Multiple test series including:
• MCQ Series 1 (Total Marks: 30)
• MCQ Series 2 (Total Marks: 30)
• Half Book Test (Total Marks: 50)
• Full Book Test (Total Marks: 100)
Each student must have different marks in different subjects based on their field.
Each series must show subject-wise marks.

3. Display & UI Requirements
Modern dashboard layout
Clean responsive design
Tables for marks inside expandable student sections
Clicking a student card should expand their complete test record
Use only HTML, CSS, and JS (no backend)

4. Use the following student list and marks:

Students:
Kainat (Code 58391, Humanities)
Hafsa (Code 74026, Biology)
Arooj (Code 19638, Computer)
Noor (Code 82457, Biology)
Abdullah (Code 27385, Computer)

Marks Data:

MCQ Series 1 — Total 30
Kainat: English 22, Urdu 18, Pak Study 20
Hafsa: Biology 26, Chemistry 21, English 24
Arooj: Computer 28, Maths 25, English 23
Noor: Biology 27, Chemistry 25, English 26
Abdullah: Computer 29, Maths 27, English 28

MCQ Series 2 — Total 30
Kainat: English 18, Urdu 16, Pak Study 19
Hafsa: Biology 24, Chemistry 20, English 22
Arooj: Computer 26, Maths 23, English 21
Noor: Biology 25, Chemistry 23, English 25
Abdullah: Computer 27, Maths 25, English 26

Half Book Test — Total 50
Kainat: English 34, Urdu 31, Pak Study 33
Hafsa: Biology 41, Chemistry 35, English 37
Arooj: Computer 46, Maths 40, English 38
Noor: Biology 43, Chemistry 39, English 40
Abdullah: Computer 48, Maths 44, English 41

Full Book Test — Total 100
Kainat: English 72, Urdu 65, Pak Study 68
Hafsa: Biology 82, Chemistry 71, English 78
Arooj: Computer 87, Maths 75, English 79
Noor: Biology 84, Chemistry 77, English 80
Abdullah: Computer 92, Maths 85, English 83

5. Technical Requirements
Put all data inside a single JavaScript object or array
Create 3 files:
index.html
style.css
script.js
Link all files properly
Do not give explanation, only output full working code

Generate the website now.