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.

Personal Projects

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

https://devsites.netlify.app

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

https://newz.netlify.app

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

https://meowz.herokuapp.com

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.