PROJECTS

NBA mobile app

An app I built to enabling users to check when the next games are, see the team rosters and current league tables collecting all information from the sportsdata.io API. Built using Next.js 13, tailwind CSS and deployed using Vercel.

Next.js 13 | Tailwind CSS | Vercel

LiveGitHub

Movie Matcher

My first fullstack MERN app; designed to remove the stress of agreeing on a movie/tv show with a friend or partner. Create an account, browse the dashboard of movies and shows and simply 'like' any that catch your eye. If you navigate to the user search page, then you can search any user and see which liked items you both have in common. Github Repo is private currently, please request if you would like access

React | Redux Toolkit | mongoDB | Express | NodeJS | Mongoose | Heroku | Netlify

LiveGitHub

One Stop Shop

A mock up React Redux Toolkit shop app I made using the Fake Store API to gather random shop items. Built focussed on displaying an understand of Redux Toolkit.

React | Redux Toolkit

LiveGitHub

Tip Calculator

Javascript Tip Calculator built from a Figma design spec with mobile and desktop views - from Frontend Mentor.

Javascript | HTML | CSS | Figma

LiveGitHub

Weather Dashboard

A location based weather dashboard I built with Javascript, HTML and CSS, utilising Javascripts Geolocation API and the Open weather map API

Javascript | HTML | CSS

LiveGitHub

Whack-a-mole

Classic arcade game Whack-a-mole recreated using HTML, CSS and Javascript. Built to practise DOM manipulation and collaboration as we worked in a team of 3. The source code is commented to highlight the parts that each of us contributed.

Javascript | HTML | CSS | Adobe Illustrator

LiveGitHub

Ticketmaster Clone

A clone I made of the Ticketmaster home page, using only CSS and HTML. I built with a mobile first approach at 375px screen width, and added resposnive breakpoints at 768px and 1024px.

HTML | CSS

LiveGitHub

Rocket launch SVG design

My winning submission into an SVG animation challenge, made by utilising CSS keyframes (desktop only)

HTML | CSS | Adobe Illustrator

LiveGitHub