After over six years teaching Mathematics to secondary school children I decided to delve into a long standing interest of mine - development. After conquering online courses and escaping the nine circles of tutorial hell, I chose to leave teaching behind (mostly!) and start a new career as a developer.
Two years ago I began my quest, working through HTML and CSS to JavaScript, and into some of it's frameworks, including React, and on to creating full-stack apps using the MERN stack with Node.
In January of this year I began my first role outside of teaching as a Junior Web Developer at LiveBuzz, a large events company that creates registration websites for corporate events.
Try out some of the apps I've made below!
This is a single-page application shop demo, using React and Fake Store API. I was very happy with the styling used on this site and felt it was very professional, as well as being mobile-friendly. The app demonstrates my ability to use async methods to get information from the "Fake Store" API and React states to store the user's basket - but not to checkout.
Skills used:
HTML5
CSS3
Javascript
React
This login app was a challenge to create as it required two separate sections - a React frontend to display the page and a Node backend to connect to a MongoDB server. Creating this application taught me how to use cookies to allow users to stay logged in and how to properly sanitize user information and use bencrypt to hash sensitive passwords. I also employed Redux for the first time, a practise I wish I had started using much sooner in my projects.
Skills used:
HTML5
CSS3
Javascript
NodeJS
MongoDB
React
One of the first projects I made that employed databases, in this case with MongoDB. I really enjoyed learning about and utilising non-SQL databases. Plant Inventory employs async methods to allow CRUD methods so that users can keep track of various plants and their quantities in a fictional store. I decided to go with plants as I am a big houseplant person, and at some point may need this to keep track of the jungle my office is becoming.
Skills used:
HTML5
CSS3
Javascript
NodeJS
MongoDB
Pug
React is a very powerful framework for applications, as I discovered when making this CV generator, which was my first react project. By employing React states a user can enter information in a form that is then displayed below as a mock CV. Learning React was very challenging at first, but I have grown to love how it can make web applications dynamic in a relatively simple way.
Skills used:
HTML5
CSS3
Javascript
React
While improving my React capabilities, I created this Memory Game using React. Because React re-renders pages frequently, web applications can be made to completely change on a whim - as is the case here. Try to click all of the symbols without repeating any of them for the high score. The biggest challenge I had with this application was making it display correctly on all browsers, so I learnt a lot about what not to do when working with functions in web applications.
Skills used:
HTML5
CSS3
Javascript
React
LiveBuzz is owned by SeeTickets, a worldwide events company. As a Web Developer for LiveBuzz I work as a part of a tight knit team of 11 developers who work together to design, create and deploy registration pages for corporate events. This is mainly through PHP and Laravel, which although I had no experience with before starting at LiveBuzz I have picked up quickly, even to the point of creating pages completely solo. Click above to see one of the pages I made in action. In this role I also attend these events and set up Linux servers and general equipment to allow customers to register or print badges, and have so far worked abroad in three countries (and counting!)
Skills used:
HTML5
CSS3
Javascript
PHP
This University of Manchester co-certified course taught Python, a popular front-end language. During the bootcamp, I developed a strong understanding of core Python concepts such as data types, variables, conditionals, loops, functions, and object-oriented programming. I honed my skills in writing clean, efficient, and well-documented code, fostering best practices in software development. It was great fun to spend dedicated time learning a new language to bolster my skills as a developer.
Skills used:
Python