ASMR Programming — Coding a Dashboard UI from Scratch — No Talking

Coding a complete dashboard UI from scratch — Aurora's "Overview" page.
No frameworks, no libraries, no JavaScript build tools. Just HTML + CSS.

What gets built:
· Sidebar — Aurora logo, 7 nav items, user card at bottom
· Top bar — search field with ⌘K shortcut, notification + help buttons
· Page header — "Overview" title with Day/Week/Month/Year period tabs
· KPI grid — Revenue $248K, Active users 14,202, Conversion 3.84%, Churn 1.2%
· Revenue trend chart — pure SVG line + area gradient + dashed previous-period
· Recent activity feed — 4 team members with avatars and timestamps
· Top projects table — status pills, lead avatars, progress bars, revenue Δ

Watch every character get typed. The right panel rebuilds itself in real
time after every keystroke. No edits, no cuts.

This is part 2 of the Aurora series — part 1 was the Login / Register page.
Next: building the Settings page.

🎧 Best with headphones.
⌨️ Stack: pure HTML + CSS · gradient avatars · inline SVG charts
🎨 Style: dark glassmorphism · orange accent · premium SaaS feel
⏱ Length: ~30 minutes of focused ASMR coding

Repo / next builds: github.com/SerhatITO

Aurora series:
▸ Part 1 — Login / Register Page
▸ Part 2 — Dashboard (this video)
▸ Part 3 — Settings / Profile (coming soon)

Subscribe for the next build.

#asmr #asmrprogramming #asmrcoding #html #css #dashboard
#admindashboard #saas #ui #ux #frontend #webdev #design
#glassmorphism #notalking #livecoding #vanilla #darkmode #codesilentito

Видео ASMR Programming — Coding a Dashboard UI from Scratch — No Talking канала CodeSilenTiTo