I wanted an easy way to showcase what I have done. Throughout computing science in school we learned HTML and CSS and I was very proficient with it, but it was not enough to create the kind of website I wanted as we were not taught about user interface.
I coded a standard page that was not extremely appealing
However, this was all just code, nothing was public or on the internet. I tried to use my old Raspberry Pi
to host the website for people to view and spent around nine hours trying everything to get it to work. It
didn't work eventually and only gave me a local host website, as I would need to get viewers onto my Wi-Fi
router and then redirect them to the page which I could not figure out.
Throughout the entire project I was using a GitHub repository to save each iteration. Fortunately, GitHub
has its own web hosting, GitHub pages. Using this I got the website public and linked it to a domain name.
Now solving the hosting problem, I could focus on the content and the design of the website. I used a
wireframe application called Figma to create a new user interface and wrote out all the content on word
before uploading it to GitHub which would automatically update the website. The website is updated every
week with any changes to my projects. It contains around 2,400 lines of code and 21,000 characters of
content. I hope you like it as it took a lot of effort to document everything and painstakingly use
CSS.
Here are a few links that can bring you to the CSS (code that tells the text how to look) of the
pages:
- Home page
- Wind turbine
- Stirling engine
- Duck jam
- Dodgy double decker
- This website page
- Palletable products