—Portfolio—
Here are a few of the things I've been working on recently. Watch this space for updates and check out my GitHub.
HikeBuddy
CodeClan Group Project
Plan your hike on the Scottish National Trail - create routes, track your progress and explore points of interest along the trail. Full-stack app with a Java/Spring RESTful API and a React frontend.
Features include -
- Create hiking routes on an interactive Leaflet map which uses Turf.js to calculate length of section using GeoJSON data
- Add and remove favourite locations
- Track route completion progress and view suggested locations
- Admin can add & remove locations from database
World Quiz
CodeClan Group Project
Travel the globe in this interactive and educational quiz game, where learners can improve their knowledge of flags, capitals, currencies and continents. A full stack web-app build as a group project in Week 8
Features include -
- Users can build up a profile to track which countries they know well (and those they don't!)
- Fully explorable globe implemented with WebGL Earth
- All questions, answers, and quiz topics are built dynamically from the API and are not hardcoded
International Beer Tracker
CodeClan
Built in a weekend using Vue.js, Leaflet, Google Charts, Open Beer Database API and the RESTCountries API.
Beers can be filtered on the map by style, category, country or brewery. A random beer can also be selected and the map will fly to that location. Further insight and analysis into these categories is given when a beer is selected.
UK Energy Mix
CodeClan
A visual breakdown of the UK's current energy mix, tying together National Grid's Carbon Intensity API and Google Charts
World Facts App
CodeClan
An app which displays country data from the RESTCountries API, built with multiple Vue.js components. Features include search with autocomplete, random country selection, and accessing neighbouring countries.
Currency Converter
CodeClan
Currency converter build with JavaScript and Vue which ties together RESTCountries API and ExchangeRatesAPI.io
Post-It To Do List
CodeClan
A to do list built using the Vue.js framework for JavaScript, and Webpack. Users can add items to their list and set the priority of the tasks.
Freight Inc. Global Shipping Ltd.
CodeClan
My first front-end application using vanilla JavaScript which allows a shipping company to create and remove orders.
Reading List
CodeClan
A Reading List app that allow a user to submit items they intend to read later and view them on the page, built using vanilla JavaScript
Spending Tracker
CodeClan Solo Project
A spending tracker which offers insights into spending to allow users to better control their finances. First solo CodeClan project, completed in week 5.
Features include -
- Dynamic insights into the users’ spending patterns
- Add and manage transactions, merchants and categories
- Users can "round up" transactions and add this to a savings pot
- Dashboard view allowing users an overview of their spending on one page
RESTful Pizza Shop
CodeClan
A pizza shop app following RESTful principles which allows you to create, read, update and delete pizza orders. HTML/CSS frontend with Ruby/Sinatra/PostgreSQL backend.
Rock, Paper, Scissors
CodeClan
A rock, paper, scissors game using the Sinatra framework. HTML & CSS frontend, Ruby/Sinatra backend.
Product Landing Page - 'Scythe'
freeCodeCamp
Product landing page for the boardgame "Scythe", build for freeCodeCamp's Responsive Web Design Certification. Although a fairly simple project it was a useful practice of my HTML, CSS and responsive web design skills.
UNIX Tutorial for Beginners
freeCodeCamp
An example of a technical documentation page, build for freeCodeCamp's Responsive Web Design Certification. For this project I used Michael Stonebank's UNIX Tutorial - please click here to view the original source. Putting this together proved to be an excellent way to cover the material again and build a basic understanding of UNIX.
Isle of Skye Tourism Survey
freeCodeCamp
A survey page built for freeCodeCamp's Responsive Web Design Certification. A simple project to build an understanding of HTML forms, web accessibility and responsive design.
Tom Holland - Historian, Broadcaster & Writer
freeCodeCamp
My first (and very basic!) site in many years, a tribute to one of my favourite authors and historians, Tom Holland. This page was created as part of freeCodeCamp's Responsive Web Design Certification and was an excellent simple project to familiarise myself with the basics of HTML, CSS, and responsive design principles.