Full Stack Web Development Lab

Experiment outputs

Experiment 1 — HTML Basics
Portfolio page structure
Portfolio page structureDownload
Experiment 2 — CSS Styling
Portfolio page with CSS
Portfolio page with CSSDownload
Responsiveness
ResponsivenessDownload
Experiment 3 — JavaScript Basics
Console output
Console outputDownload
Experiment 4 — DOM Manipulation
Light theme
Light themeDownload
Dark theme
Dark themeDownload
Session storage — theme key/value
Session storage — theme keyDownload
Experiment 5 — Form Validation
Contact form
Contact formDownload
Validation errors
Validation errorsDownload
Experiment 6 — Fetch API (GitHub)
Site view
Site viewDownload
Failed fetch
Failed fetchDownload
Network tab — request headers & URL
Network tab — headers & URLDownload
Network tab — response JSON
Network tab — response JSONDownload
Experiment 7 — React Portfolio
Light theme
Light themeDownload
Dark theme
Dark themeDownload
Terminal — npm run dev
Terminal — npm run devDownload