Skip to main content

Command Palette

Search for a command to run...

In the beginning, I had a vision - My Website Part 1

Published
•2 min read
In the beginning, I had a vision - My Website Part 1

When I started my curriculum at Flatiron school, I slowly began to have a vision of my ultimate project, my portfolio website. This website would need to showcase all the skills I learned, look awesome and allow users to view and interact with all my projects. As time went on and I learned more, my vision continued to evolve. I continued to think of cool new features I wanted to add, and made mental notes of them.

Then that fateful day came.

I was staring at the assessment report of my final portfolio project, reading about how it explained that I passed with flying colors. It was at this point I realized, it was time, time to make that vision of my website a reality! image.png

Building Coffeedust.io(now dust.coffee)

Github Repo

Creation of coffeedust.io, was relatively simple. It is an web application built in React, and hosted on Firebase. I first started with a sketchpad and I drew up the basic layout.

My Sketch.png

My original sketch for coffeedust.io layout(I'm not an artist)

Next, I slowly but surely, hit enough keys on my keyboard to make it appear that way in a web browser. Then, I started to get really fancy with the CSS, and wrote transitions, fade-ins and animations for various views (actually, pretty much all of them😬).

After creating some data files to store information for my projects and language experience, I took a (figurative) step back and a full sip of coffee to admire my work and I was really happy with how it turned out.

Don’t forget to read part 2! It discusses my demo server creation process.