development

How I Built This Website While Mostly Asleep (Crying :D)

The tragicomic tale of how I created this blog with too much coffee, not enough sleep, and an unhealthy relationship with CSS.

Mridul Hasan
almost 2 years ago
5 min read
How I Built This Website While Mostly Asleep (Crying :D)

How I Built This Website While Mostly Asleep (And Occasionally Crying)

Let me paint you a picture: it's 3 AM. I've been staring at the same line of code for 45 minutes. My coffee has gone cold. There's a single tear slowly making its way down my cheek. This is how Write While I Sleep was born—equal parts inspiration and desperation.

The Hero Section: Where I Look More Put-Together Than I Actually Am

A screenshot of the hero section looking all sophisticated and professional

Behold! The beautiful hero section that makes it look like I have my life together. What you can't see is the 37 failed versions that came before this. There was the "accidental 90s geo-cities" phase, the "why is everything neon green" phase, and the dark period where I tried to make everything blink.

This section promises profound thoughts and serene writing. The reality is I'm probably writing these posts with my sleep deprived eyes that could scare small children.

The Articles: Where the Magic (Mostly) Happens

A screenshot of the clean articles listing page

Here's where the actual content lives! Each article is hand-crafted with love, caffeine, and the occasional keyboard smash when things don't work.

My current "high-tech" publishing system involves manually typing each article into code like some digital medieval scribe. It's not fancy, but it works! I've already built the login and database system because I'm an optimistic soul who believes one day I'll actually finish things.

Future plans include letting other writers join so they too can experience the joy of staring at a blank screen at 2 AM wondering why they ever thought this was a good idea.

The About Page: Where I Pretend to Be a Real Person

A screenshot of the about page with my photo and website story

This is where I try to sound like a legitimate human being instead of a sleep-deprived code gremlin. There's a nice photo where I definitely didn't take 87 selfies to get one where I look semi-coherent.

I talk about the website's mission with a straight face, carefully avoiding mention of the time I spent three hours debugging only to realize I'd forgotten a semicolon. The page makes it sound like I carefully considered every design decision, when really I just kept changing things until they stopped looking terrible.

The Connect Page: Where You Can Judge All My Life Choices

A screenshot of the connect page with social links and message form

Here's where you can find all my social media and send me messages! I've included:

  • Twitter: Where I post coherent thoughts approximately once every 3 months
  • GitHub: Filled with repositories that have names like "test-project-do-not-touch"
  • A message form: So you can tell me about typos I missed at 4 AM

The form actually works! I know, I was surprised too. I spent a whole day making sure it wouldn't accidentally email you pictures of my cat instead of your message (though that might be an improvement).

The Technical Stuff (Or: How I Learned to Stop Worrying and Love the Bugs)

Building this website was like assembling IKEA furniture without the instructions—if the furniture was made of invisible code and occasionally shouted error messages at you.

I built it with:

  • HTML: For making boxes
  • CSS: For making pretty boxes
  • JavaScript: For making boxes do tricks
  • Coffee: For making me think I know what I'm doing

The accessibility features weren't just added—they were battle-tested by me squinting at the screen after 18 hours of coding. If you can read this comfortably, it's because I literally cannot see straight anymore.

So Why Bother?

Because somewhere between the third cup of coffee and the fifth CSS reset, I remembered why I started: to create a quiet corner of the internet where words matter more than flashy design. A place that loads fast, reads easy, and doesn't give you motion sickness from unnecessary animations.

Will I add more features? Absolutely! Will they take me longer than expected? Almost certainly. Will I be drinking coffee while doing it? Is the sky blue? Do cats ignore you when you call them?

Thanks for reading. Now if you'll excuse me, I need to go fix that one pixel that's been bothering me for weeks.

Written between naps and minor existential crises ☕

Mridul Hasan

Mridul Hasan