Product Lifecycle

"Normal" PowerPoint presentations are boring! I believe there's a better way to improve every experience (and presentation). And what better way to do this than to package it up in a beautiful website?

• Create a presentation
• Mimic this site to look like Twilio Docs
• Show my Top 5 favorite blog posts
• Write a new post about APIs and make it easy to understand
• Create a roadmap
• 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
  • Does this website look familiar? It is based on Twilio Docs.
  • Google Analytics so I can track my traffic.
  • What happens when you hover over my Twitter handle?
• Homepage
  • 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.