# 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](https://cdn.hashnode.com/res/hashnode/image/upload/v1643915090031/7iYlmjnQl.png)

#### Building Coffeedust.io(now dust.coffee)
[Github Repo](https://github.com/Coffee-Dust/coffeedust-io-site)

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](https://cdn.hashnode.com/res/hashnode/image/upload/v1643915182061/D8qro-Adc.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.