Project exam · Frontend Web Development
Project exam: a tech fest registration page
Project examintermediate· about 1.5 hours· 6 steps· 90 min · pass 60%
The brief
In 90 minutes, build the registration page for Techno Utsav, a college tech fest in Nagpur: the semantic page and form, a responsive layout, validation, an event list drawn from data, a working registration flow that updates seats, and a CSV export for the committee.
Why it matters
This is a typical front-end machine-coding round: a small but complete feature, built against the clock, with HTML, CSS and JavaScript working together. College fests, coaching institutes and event companies need exactly this page every season.
Skills you practise
- semantic HTML forms
- CSS grid and media queries
- validation with clear messages
- rendering lists from data
- submit events and immutable state
- CSV export
What you will have at the end
A working registration page (index.html, styles.css, app.js) for a college fest, built and checked in 90 minutes.
How it is marked (rubric, 100 points)
| Tasks passedPoints for each checked task; 60% or more passes the exam. | 60 |
|---|---|
| Accessible and semanticLabels, status messages and aria-invalid used correctly. | 15 |
| Code qualityPure functions for validation and CSV, one render function, no mutation of state. | 15 |
| LayoutReadable on a phone and on a laptop. | 10 |
- 6tasks
- 90 mintime limit
- 60%to pass
Rules: a project exam
- The exam opens full screen. Stay on this page until you hand it in.
- Opening another tab or app, or leaving full screen, counts as one time away. After 3 times the exam ends.
- No copy or paste during the exam.
- No hints and no answers. You can run your code, but the checks run only when you hand in.
- Every task is checked automatically when you hand in, or when the time is up.
- You see which tasks passed at the end. You can take it again.