Hey

I'm Joe

I'm a Frontend Software Engineer with a strong passion for building web applications with great user experiences.
Here's a bit more about me.

Some of my projects

  • Frontend Simplified Internship

    HTML, CSS, JavaScript, React

    Transformed a completely static HTML, CSS, JavaScript, and React single-page application into an interactive user interface using animations, transitions, and carousels. Processed API requests using Axios to dynamically represent data from a cloud server and display it through skeleton loading states, pagination, and dynamic routing. Each page is fully dynamic allowing users from all devices to access the content easily.

  • Flicker

    HTML, CSS, JavaScript, React

    Created from scratch a React application with multiple dynamic pages, and data gathered from the movie databases API . Processed API requests using Axios to dynamically represent data from a cloud server and display it through pagination, and dynamic routing. Using the Colour Theif package to gather the average colour of each movie header for the overlay allowing each page to look unique whilst maintaing peak usability.

  • Airbnb Clone

    HTML, CSS, JavaScript, React, Mapbox, NextJs, Tailwind CSS

    A NextJs application with a beautiful user interface that provides a great user experience through the use of carousels and dynamic loading bars. Serverside rendering for each listing through NextJs' SSR features. Contains a date and calendar picker which combined with dynamic routing allows for targetted searches. Mapbox functionality providing a pin for each location on the map. (API only contains dummy data from London)
    (When opening the page it will come up with a warning, this is only becuase its a clone of airbnb so you can proceed to the site)

  • Admin Dashboard

    HTML, CSS, JavaScript, React

    Fully utilizes Material UI by using themes to enable a light and dark mode, and uses the data grid to display data in tabular form. Along with a complete calendar that allows for notifications to be displayed to the user. The package Nivo Charts is used to create four differnt styles of charts to convey information to the user. A Formpage created using Formik allows for validiation on data entry to create new users.

  • Signal Clone

    HTML, CSS, JavaScript, React Native, Expo, Firebase

    A fully formed chat application that utilizes Firebase for authentication of users and cloud data storage for chats. Using Navigation for each page transition on web and mobile, and Expo paired with React Native to allow for this webpage to work as an app on mobile.