In my previous post, I was able to layout my portfolio and make it match the style that I had designed in Sketch. This was a big step forward and I was able to add some more content. I made the site responsive to different screen sizes by adjusting the CSS using percentages in place of fixed values, and applied a max-width of 700px so that the page wouldn’t overly stretch on desktop screens. It was looking really good!
The next step was to make the form functional. I found an easy way to make it work by linking to formspree.io, a site that takes the form info and forwards it your email account. The site provides the code needed and all I needed to do was add my email address to it.
With the layout set, styled, and the form functioning, I was now ready to get this baby online! I started doing some research on web hosts, when another developer I spoke to on Slack mentioned that I could host my portfolio on Github Pages. With my code already on Github this seemed like a no-brainer! It also had the option for me to use my own domain name which I had purchased last year for my design portfolio.
It’s been a great learning experience putting together my first Front-end Developer portfolio! I was able to learn to use SketchApp to create the flat file of my portfolio design, I then applied my knowledge of HTML to build the basic layout, used CSS to style the pages, and finally uploaded it to Github Pages for the world to see!
Moving forward, I intend on updating the portfolio as I learn new things. For now, I hope that this portfolio will be enough to get me into my first position as a Front-end Web Developer, and if not, you can be sure that I will continue to learn and improve. This concludes the series, and I thank you for following along with this project!