██████╗ ███████╗██╗   ██╗
 ██╔══██╗██╔════╝██║   ██║
 ██║  ██║█████╗  ██║   ██║
 ██║  ██║██╔══╝  ╚██╗ ██╔╝
 ██████╔╝███████╗ ╚████╔╝
 ╚═════╝ ╚══════╝  ╚═══╝
$ npm install life...
★
// an interactive saga by Shwetank Patil

THE
Life OF
A DEV

It compiles on my machine.
Stack Overflow–powered · Caffeine–driven · Sleep-deprived

scroll
01
Chapter 01

Hello,
World.

It started with a YouTube tutorial.
"Learn HTML in 10 minutes."
You typed <h1>Hello World</h1>.
It rendered. In Times New Roman.
You thought you'd invented the internet.

The First File

index.html

CSS arrived next.
You spent 3 hours centering a div.
Googled it. Got 47 answers.
None worked.
You are now a developer.

index.html — my_first_site
1<!-- My EPIC site -->
2<html>
3  <body>
4    <h1 style="color:red">
5      Hello, World!!!
6    </h1>
7    <marquee>
8      Welcome 2 my site!!
9    </marquee>
10    <!-- center this -->
11  </body>
12</html>
02
The Journey

The Stack
Grows.

Wk 1
HTML — Felt like a god
Wk 2
CSS — Cried about flexbox
Wk 4
JavaScript — undefined is not a function
Mo 2
React — Re-learned everything
Mo 3
Git + Node — Broke production
Now
Still learning — forever
Dev Health Report

System
Status.

Sleep
20%
Caffeine
95%
Sanity
12%
SO tabs
∞
Productivity
48%
Imposter syn.
89%
Chapter 02 // The Dark Ages

DEBUG
HELL.

It's 2 AM. Code worked 5 minutes ago.
You changed one line. Everything's on fire.
Tap to squash bugs (they'll come back).

🐛 TypeError line 47
🐛 CORS error
🐛 Cannot read undefined
🐛 404 Not Found
🐛 CSS not loading
🐛 Merge conflict
🐛 npm ERR!
🐛 Works on localhost
🐛 Missing semicolon
🐛 Infinite loop
0
Coffees ☕
0
SO Tabs 🔍
0
console.log 🐞
0
"Works on mine" 💻
bash — ~/projects/my-app — 2:47 AM
$ npm start
Starting dev server...
 
ERROR: Cannot find module 'react'
$ npm install
⚠ 47 vulnerabilities (12 critical)
$ npm start
SyntaxError: Unexpected token '<'
 
$ git diff HEAD
>>>>>>> everything_is_broken.js
 
$ console.log("please work")
please work
# still broken
 
stackoverflow: "Marked duplicate of 2009 post"
Thread closed: "lacks detail"
 
// It works. Don't ask why. Never touch it.
$ git commit -m "fix hopefully"
Chapter 03 // Final Boss

DEADLINE
MODE.

T-minus 2 hours. Feature not done.
Tests not written (who writes tests?).
README says "Coming soon."
Commit message: "please work please work"

localhost:3000
Stack Overflow
MDN Docs
Stack Overflow
ChatGPT
Stack Overflow
r/webdev
Stack Overflow
8hr tutorial
stackoverflow.com — "how to center a div" (2009)
Marked duplicate · 847 answers · accepted answer doesn't work
6h
avg sleep
47
commits today
∞
SO tabs
--:--
to deadline
⚠ Submission Deadline
00:00:00
Time remaining today
☕ Developer Fuel Level
Empty0%Full
0 cups · productivity: LOW
Chapter 04 // The Truth

AND YET
WE KEEP
CODING.

Through every TypeError and merge conflict.
Through every 3 AM debugging session.
Through every "it works on my machine."

Because when it finally compiles, deploys, and a user smiles —
that feeling is worth everything.

Full Stack Survivor
Bug Whisperer
Caffeine Engineer
Stack Overflow Veteran
// The developer's final commit
const dev = {
  sleep: "overrated",
  coffee: "essential",
  bugs: "features",
  passion: Infinity
};
 
// git commit -m "ship it 🚀"
Frontend Odyssey 2025 · IIT Patna · Made with ☕ × ∞
— Shwetank Patil