code. create. deploy.
Full-stack Problems, Interactive demos, source code & real outputs.
01 — About
Adnan
Sheikh
Full-Stack Developer
Building for the web,
one layer at a time.
I'm a final-year Computer Science student who builds full-stack web applications and obsesses over how things actually work — not just how they look.
This lab record is the honest version: every assignment I worked through, with the source code I actually submitted and the output it actually produces.
"Clean code is not written for machines — it's written for the person who reads it next."
Location
India
Focus
Full-Stack Web Dev.
Stack
React · NextJS · NodeJs · PHP · SQL
Status
Open to work ↗
Adnan Sheikh — Résumé
Full-stack developer · CS Student · Available for work
02 — Lab Record
Full-Stack Problems
42 practical assignments. Source code & live output for each.
HTML Text Formatting Tags
Demonstrate all the text formatting tags in a single HTML page.
Star Pattern Figure
Write HTML code to draw a star pattern figure (pyramid-like).
Course-wise Subjects Table
Create a web page to print a table with rowspan, colspan for MBA and MCM courses.
Table with Hyperlinked Images
Using table tags, align images with hyperlinks (mobile network logos).
Image Map with Hotspots
Embed an image map, fix hotspots, show related info when clicked.
Information Form (Fieldsets)
Create a form with Basic information and Extra information fieldsets.
Hotel Customer Profile Form
Customer profile for hotel data entry: name, address, age, gender, room type, payment type.
HTML5 Tags (Video, Audio, Header, etc.)
Demonstrate video, audio, header, footer, nav, embed, datalist, bdi, article, output.
Nested Lists (Programming & Web Dev)
Design an HTML page with nested ordered/unordered lists for programming languages and web development.
Credit Card Validator (Visa/Master/Amex)
Validate credit card numbers based on prefix and length (Visa, MasterCard, American Express).
Form Validation (Name, Email, Password)
Validate name (letters only), email (standard pattern), password (min 8 chars, at least one uppercase, one lowercase, one digit).
Country‑Capital Matching Game
Store country‑capital pairs. User selects country and capital; check if match is correct.
03 — Interactive
Memory Game
Match the dev-syntax pairs. Each symbol has a colour — find the pair.
Loading...
Symbol colours
04 — Contact