I Built My First Project as a Fresher — and It Taught Me More Than Any Tutorial Ever Did By Tanvitha P

Tanvitha P — Tue, 09 Jun 2026 14:27:42 +0000

There's a moment every developer remembers — the first time something you built actually works. Not a follow-along tutorial. Not a copy-paste exercise. Something yours.

For me, that moment came when I deployed Dream Journal — a web project I built from scratch, live at tanvithap.github.io/dream-journal.

It's a place where dreams find words. And building it taught me that the real journey isn't in the code — it's in the courage to start.

Where the Idea Came From

I've always believed that dreams carry something real — emotions, memories, stories that disappear the moment you open your eyes.

One morning I woke up from a vivid dream and, by the time I made my cup of tea, it was already gone. That small loss stuck with me.

I thought: What if there was a beautiful, calm space to capture these stories before they fade?

That's when Dream Journal was born. Not from a project brief. Not from a course assignment. From a feeling.

What I Built

Dream Journal is a clean, atmospheric web project with a warm midnight theme and a focus on storytelling. Here's what's on it:

A landing page with the tagline: "Every dream leaves a story."
A featured dream section — a short story called The Endless Train, about traveling through a train that never stopped, where the stars felt closer than the trees.
Stats that tell a bigger story: 250+ Dreams Recorded, 100+ Stories Shared, 365 Nights Remembered.
A newsletter section inviting people to Join The Dreamers.
Navigation for Home, Dreams, About, and Contact.

Simple? Yes. But every single element was a decision I made. Every word, every section, every link — mine.

The Honest Part: What Building It Actually Felt Like

I won't pretend it was smooth.

There were moments I stared at the screen wondering if I was doing it wrong. Moments I broke something that was working and spent an hour figuring out why. Moments I almost closed the laptop and called it a day.

But I kept going — because the idea mattered to me.

And that's the thing nobody tells you when you're a fresher: motivation built on a personal idea is stronger than motivation built on a deadline. When you care about what you're making, you find the patience to fix what's broken.

What I Learned (Beyond the Code)

Here's what Dream Journal actually taught me:

1. Finishing matters more than perfection.
My first version wasn't perfect. It still isn't. But it's live. That makes it infinitely more valuable than a perfect project still sitting on my laptop.

2. Design is communication.
Every color, font, and layout choice sends a message to the person reading it. I wanted Dream Journal to feel calm, poetic, and inviting — and I had to make intentional choices to get there.

3. Deploying is a skill too.
Getting something live on GitHub Pages felt like a milestone. Understanding how static hosting works, how to push from a repo, how to fix a broken deployment — those are real, practical skills.

4. Your first project is proof.
Not proof that you know everything. Proof that you can build something. That gap between "I'm learning" and "I've built" is enormous — and I've crossed it.

A Note to Other Freshers Reading This

If you're at the beginning of your journey and haven't built your first project yet — just start.

It doesn't need to be complex. It doesn't need to impress anyone. It needs to be yours.

Pick something you actually care about. Build the simplest version of it. Put it online. Write about it.

That's how you go from being someone who's learning to code to someone who builds things.

And trust me — the feeling when you see your project live on the internet for the first time? No tutorial gives you that.

What's Next for Dream Journal?

I'm not done. Here's what I'm planning to add:

A working dream submission form so visitors can actually write and save their dreams
A dark/light mode toggle for those reading at 3 AM
A proper story archive to browse dreams by date or theme
Mobile responsiveness improvements

This is v1. There will be a v2.

Let's Connect

If you're a fresher, a developer, or just someone who likes the idea of a dream journal — I'd love to hear from you.

You can find the live project here: tanvithap.github.io/dream-journal

And if you're building your first project too — drop a comment. Let's cheer each other on.

"Maybe somewhere, another version of me made a different choice."
— A quote from Dream Journal's featured story, The Endless Train

Tags: #FirstProject #WebDevelopment #Fresher #HTML #CSS #GitHub #BuildInPublic #DeveloperJourney

DEV Community: Tanvitha P