Developer Blog

Thoughts, tutorials, and insights from my frontend development journey

4 Articles Latest: September 2025

From Curiosity to Code: My Journey into Frontend Development

I didn't start out knowing I'd be a developer—I just wanted to make things look cool. My first encounter with HTML and CSS was pure curiosity. I'd tweak colors, move boxes around, and wonder how websites came to life. That curiosity turned into late nights, tutorials, and a growing obsession with building things from scratch.

Over time, I moved from styling static pages to writing JavaScript that made things interactive. I built calculators, chat apps, games—anything that challenged me. Each project taught me something new: how to structure code, how to debug, how to think like a user.

Milestones I'm proud of:

  • Building my first responsive layout from scratch
  • Creating Palettrix, a full-featured color tool
  • Developing NeonXO, a smart Tic Tac Toe game with AI
  • Launching my portfolio site with real projects and personality

Looking back at my earliest projects vs. now, the growth is wild. And I'm just getting started.

Why I Love Vanilla JavaScript (And What It's Taught Me)

While everyone was diving into frameworks, I stuck with vanilla JavaScript—and I'm glad I did. It taught me how the browser really works. No shortcuts, no magic—just raw logic and DOM manipulation.

With vanilla JS, I built:

  • Kres Chat, a witty chatbot with voice input and emoji support
  • Quixie, a quiz app with certificate generation
  • Axio Calculator, a clean, offline-capable calculator

I learned how to structure code modularly, handle edge cases, and optimize performance. It gave me confidence to build anything, even without libraries. And now, as I prepare to learn React, I know I'm not just copying patterns—I understand the foundation.

Vanilla JS made me a better developer. Period.

How I Built Palettrix: A Color Tool for Designers

Palettrix started as a simple idea: help designers create beautiful color palettes. But it quickly became a full-blown design system generator with advanced color theory baked in.

Key features I built:

  • Harmony types: Complementary, Analogous, Triadic, etc.
  • Real-time palette generation with locking and history
  • Gradient builder, mood analyzer, and seasonal palettes
  • Export options for CSS, Tailwind, Figma, and more

The hardest part? Building the harmony engine. I had to dive deep into LAB and HSL color spaces to get accurate relationships. I also added accessibility tools like contrast checkers and color blindness simulators.

Palettrix taught me how to think like a designer and a developer. It's one of my proudest builds.

Live Demo View Code

What's Next for Me as a Developer

I've built tools, games, and creative apps—but I'm hungry for more.

My next goals:

  • Learn and master React for scalable frontend architecture
  • Explore TypeScript for safer, more maintainable code
  • Contribute to open source and collaborate with other devs
  • Build a full design system from scratch
  • Start a blog series on frontend tips and project breakdowns
  • Eventually mentor others who are just starting out

I want to keep growing, keep building, and keep sharing. If you've followed my journey so far, thank you. There's so much more to come—and I'm excited to bring you along.

Let's connect!

Have questions about my journey or want to collaborate? I'd love to hear from you.

Get In Touch