the cake web site
Tinykingdombakery.com is a cake photo gallery with a section dedicated to ordering cakes. I chose this project (technically together with my personal portfolio website) as my first, because my wife, Michelle, needed a place, other than social media, to showcase her creations. It is filled with colorful custom cakes, cupcakes, and cookies.
Using Visual Studio Code, in conjunction with Mozilla Firefox Developer Edition, I used my personal portfolio website, this site, as a template. I simply rearranged sections to fit the need. I also modified some css properties to adjust the flow of elements.
Inspecting the elements with Firefox Dev Tools in Responsive Design Mode allowed me to view progress on all possible device sizes.
When the first version of this project was completed in VS Code, I followed this tutorial from DigitalOcean to deploy it. In short, I installed the Github Desktop App, but I had to download the Linux version here. I then created the repository, committed, and pushed the files to Gitub.
After that, it was just a mater of opening an account with DigitalOcean, deploying the app, configuring the domains and email through Godaddy. The article is relatively old, and DigitalOcean changed the process, but I owned it, researched further, and conquered it.