Week 17 Recap — React Routing, CSS Modules & Building a Real Project

This week was a mix of clarity, confusion, and real progress — the kind of week that actually grows you as a developer.

I focused mainly on React Routing concepts and styling architecture with CSS Modules, and at the same time I started applying everything inside a real project called WorldWise. That combination of theory + real implementation made a huge difference.

What I Learned This Week

1. CSS Modules — Fully Understood ✅

This was the biggest win of the week.

I finally stopped seeing CSS Modules as “just another styling method” and started understanding how they actually work under the hood:

• Local scope instead of global CSS
• Automatic class name hashing
• No naming collisions
• Safe refactoring
• Component-level style isolation

Now styling feels structured instead of messy.
I can create container, title, or button classes in every component without fear.

2. React Routing — Partially Clear ⚠️

Routing was more challenging.

I understood the written concepts and theory, such as:

• BrowserRouter
• Routes & Route
• Nested Routes
• Index Routes
• Basic navigation flow

But I still feel there are small mental gaps when combining multiple routing patterns together.
It’s not confusion — it’s more like “I understand 80%, but I want 100% clarity.”

And honestly, that’s okay. Routing is not a one-day concept; it becomes natural only after building real apps.

3. Nested Routes & Index Routes

These concepts started making sense when I implemented them instead of just reading:

• Nested Routes helped structure UI layouts
• Index Routes clarified default page behavior
• I began seeing routing as UI architecture, not just navigation

Project Work — WorldWise 🌍

This week wasn’t just learning — it was applying.

Inside the WorldWise project, I implemented:

• CSS Modules for styling
• Routing structure
• Nested layouts
• Page navigation logic

Working on a real project exposed small mistakes quickly, which actually accelerated my understanding more than tutorials ever could.

Honest Reflection

This week was not about finishing everything perfectly.
It was about building strong foundations.

• CSS Modules → Fully confident
• React Routing → Mostly clear, still polishing
• Nested & Index Routes → Practical understanding achieved
• Real Project → Major confidence boost

There are still a few routing concepts left, but I can already feel the mental model forming.
Next week, I expect everything to “click” completely.

Moving Into Week 18

The goal for next week is simple:

• Close the remaining gaps in React Routing
• Strengthen real-world navigation logic
• Continue improving the WorldWise project
• Turn partial understanding into full confidence

Week 17 was less about speed and more about depth — and depth is what turns learners into builders.