Projects
These are the projects which I have worked on. Many of them have been completed while I have been teaching myself how to become a developer. As I learn and create more, I will add further projects on this page.
Front End Libraries - 300 hours
APIs and Microservices - 300 hours
Responsive Web Design - 300 hours
JavaScript Algorithms and Data Structures - 300 hours
Personal Projects permalink
📚 Bookshelf permalink
https://zacharyparsons.co.uk/bookshelf
The books which I have read this year, and in previous years. The data comes from the Goodreads API, and is fetched, cached and presented when the Eleventy build is called for this site.
I wrote a post on dev.to about the inspiration and process for building this project.
⬇
🚀 DevSites permalink
Useful resources for Web Devs.
⬇
🌞 Weather App permalink
https://codepen.io/originalzedders/pen/MWwMaOo
A frontend project which uses HTML, CSS and JavaScript to create a single-page interactive weather app which gives basic info about a given city's current weather. The city is input by the user. It uses the Open Weather Map API. It fetches and presents the information via JavaScript.
The app also shows a different, but relevant photo, for each search - this features uses Unsplash Source and JavaScript to request, and correctly display the image. There is also an option to change the colour theme - which uses CSS variables and JavaScript to be achieved.
⬇
📰 Newz permalink
😦😅 News API took away the ability to make free API calls from the browser... 🤑 Unfortunately this project no longer works properly!
Basic filterable news web app. Utilising News API, vanilla css & js, and deployed to Netlify via this Github repository. 😃 With help from this tutorial
⬇
😻 Meowz permalink
🔌🚫 Heroku disconnected the database - unfortunately this app is no longer functional!
A (very) basic Twitter feed app which lets users post a 'mew'... instead of a tweet. 😃 Made with help from this live stream
Front End Libraries - 300 Hours permalink
The projects below (embedded from my Codepen ↗) all make use of React.js ↗ to create the UI. They have been completed while obtaining the freeCodeCamp Front End Libraries Certification ↗, which I obtained on the 5th June 2020.
See the Pen Random Quote Generator - React - Z by z (@originalzedders) on CodePen.
⬇
See the Pen Markdown Previewer - React - Z by z (@originalzedders) on CodePen.
⬇
See the Pen Calculator - React - Z by z (@originalzedders) on CodePen.
⬇
See the Pen Drum Kit - React - Z by z (@originalzedders) on CodePen.
APIs and Microservices - 300 Hours permalink
The projects below which are embedded via my Glitch ↗ are back-end development focused and have been completed as part of obtaining the freeCodeCamp APIs and Microservices Certification ↗ which I was awarded in March this year. The projects use a Node.js environment and Express.js as a web framework.
⬇
⬇
⬇
⬇
Responsive Web Design - 300 Hours permalink
The projects below which are embedded via my CodePen are front-end development focused, and have been completed as part of obtaining the freeCodeCamp Responsive Web Design Certification which I was awarded in February this year.
See the Pen FCC: Portfolio - Zachary Parsons by z (@originalzedders) on CodePen.
⬇
See the Pen FCC: Technical Documentation by z (@originalzedders) on CodePen.
⬇
See the Pen FCC: Survey Form by z (@originalzedders) on CodePen.
⬇
See the Pen FCC: Product Landing Page by z (@originalzedders) on CodePen.
⬇
See the Pen FCC: Ernest Hemingway Tribute Page by Z by z (@originalzedders) on CodePen.
JavaScript Algorithms and Data Structures - 300 Hours permalink
There are posts on this website which I wrote while I was completing the lessons and challenges / projects to obtain the Javascript Algorithms and Data Structures Certification. These challenges and projects focused on JavaScript and included modules in Basic JavaScript, ES6, Regular Expressions, Debugging, Object Oriented Programming, Functional Programming and Algorithm Scripting. I was awarded this certifcation in February this year.
Those posts can be found here.