Product Lifecycle

I wanted to showcase my DevRel skills while using languages and tools that are new to me. I thought it'd be a creative way to put myself out there.

• Show my Top 5 favorite blog posts
• Write a new post about APIs and make it easy to understand
• Create a roadmap to plan my future in DevRel and where I see myself
• Have fun and learn new things!

Before development, I wanted to form the layout for my site and create wireframes.

Wireframe Overview of this site

Homepage

API Post

Top 5 Blog Posts

Design Process

Before posting my content, I created an outline & rough draft (just like writing something for school). I use Notion, and wrote them down in my Notion notebook

• Global
  • Google Analytics so I can track my traffic.
  • Try viewing things on mobile and check out the 🍔 menu.
  • What happens when you hover over my Twitter handle?
• Homepage
  • Hover over the "Welcome" title, then click it for a surprise!
  • Hover over the Cards to see a subtle animation.
• About Page
  • Check out how many hours I spend coding this website. It updates in real time based on my VSCode usage.
  • Hover over my quote and see if anything goes off.
• What Are APIs?
  • Click on the Request Food button for an interactive.
• My Top 5 Page
  • Look at the fancy gradient borders of each blog post (which are embedded in the page).
• My Roadmap
  • Play around with the Kanban board, but your changes won't be saved.
• This Page
  • Why not click on the colorful images (way down below) for a fun time?
  • While you're down there, see those arrows? They are virtually hand-drawn.

I always take an iterative approach to software development. I strongly believe in creating a prototype, then building on incrementally. When doing this, it's important to document progress and make everything easy to understand.

Clean Commits & Incremental Pushes

Clear, concise, and beautiful commit messages.

Incremental Progress

Here, we can see how this site was built over time.