Part 4: Software Developer Bootcamp - Individual Projects!

Following on from learning about flexbox and bootstrap, along with doing several guided projects, it was onto a topic that I was fully prepared to hate - AI!

From getting CoPilot setup into VSCode, we have been learning how to interact with it, providing descriptive requests to use it to do various things from creating images (Cannot be done inside VSCode and instead has to be done on the web version) - to using CoPilot to help with both writing and troubleshooting code. A fairly simple and straightforward module, although I started out hating AI, then liking it and then back to hating it by the end and starting our individual projects.

Now onto the project, I actually ended up using CoPilot a lot more than I was expecting, it was quite nice to help with speeding things up, especially when using bootstrap! (Other than it immediately importing bootstrap incorrectly and having to troubleshoot that). Friday was spent preparing for the project, choosing topic, creating user stories, colour scheme, fonts and wireframes on how our final website should look - ensuring responsiveness and being designed first for mobile.

Onto this week it was time to start coding, we had a deadline of 2pm on the 13th (GMT) to create our websites and finish the readme! This was quite a challenge creating a website from scratch - or was it? Enter CoPilot - I used copilot to create the main skeleton for my project, using it to import bootstrap elements directly into my index.html page rather than going to google and searching for them, this included the navbar, cards used on the page and footer (along with aligning the 3 different footer sections - the part that I usually struggle with and ends up being trial and error), actually working first time in most cases! This left me free to play around with making sure the cards were the same size and more aesthetical stuff, along with the actual content!

During the whole project this was also the first time we were let loose on making a ReadMe file - learning markdown along the way!

The finished project can be viewed here and the repository on github here.