HEY, I'M JORDAN

Welcome to my portfolio website, I'm a Full-Stack Developer based in Bath (JavaScript, Typescript, React, PHP, Laravel, Node.js, MySQL, Git)

HEY, I'M JORDAN

Welcome to my portfolio website, I'm a Full-Stack Developer based in Bath (JavaScript, Typescript, React, PHP, Laravel, Node.js, MySQL, Git)

ABOUT ME

Here you will find a little bit more about me and my current skills in programming.

Get to know me...

I'm a Full Stack developer specialising in JavaScript, Typescript, React, Node.js (Express), PHP (Slim), MySQL, Tailwind, Jest for testing, Git for version control and building RESTful APIs.

I've recently granduated form iO Academies Full-Stack Track and during my time i've worked on individual and team prodjects while applying agile methodologies.

You can check out my work live on my portfolio or GitHub, where you will find some of my favourite projects and the projects i'm currently working on.

Before transitioning into software development, I spent ten years in the Maritime Industry working on superyachts where I progressed from Junior Deckhand to Chief Officer. Along the way, I gained multiple qualifications and developed key skills in leadership, teamwork, discipline and problem-solving, qualities that now shape my approach to collaborating in agile environments and continuous learning.

My Skills

HTML
CSS
Git
PHP
React
JavaScript
SQL
Tailwind
Slim
Node.js
Express
MongoDB
Typescript
Laravel

ABOUT ME

Here you will find out a little bit more about me and my current skills in programming.

Get to know me...

I'm a Full Stack developer specialising in JavaScript, Typescript, React, Node.js (Express), PHP (Slim), MySQL, Tailwind, Jest for testing, Git for version control and building RESTful APIs.

I've recently granduated form iO Academies Full-Stack Track and during my time i've worked on individual and team prodjects while applying agile methodologies.

You can check out my work live on my portfolio or GitHub, where you will find some of my favourite projects and the projects i'm currently working on.

Before transitioning into software development, I spent ten years in the Maritime Industry working on superyachts where I progressed from Junior Deckhand to Chief Officer. Along the way, I gained multiple qualifications and developed key skills in leadership, teamwork, discipline and problem-solving, qualities that now shape my approach to collaborating in agile environments and continuous learning.

My Skills

HTML
CSS
Git
PHP
React
JavaScript
SQL
Tailwind
Slim
Node.js
Express
MongoDB
Typescript
Laravel

PROJECTS

Here you will find some of my personal prejects.

splitter project

E-commerse Store - Front-End (React, Typescript, Tailwind)

Solo project - React, Typescript front-end built using a fake store API. Allows users to add/remove items from cart and filter items by category. Currently working on the checkout page and form validation.

React
Typescript
Tailwind
splitter project

Recipe Maker - Full-Stack (MySQL, Node, Express, React, Typescript, Tailwind)

Group project - Currently allows users to create account and add/see recipes associated with their account. Each recipe can be expanded for recipe instructions.

MySQL
Node
React
Typescript
Tailwind
splitter project

IT Bug Tracking API (PHP, OOP, MySQL, Git)

This is a back-end project with the aim of tracking bug issue data and was created over the course of one week. We were provided a front-end template made in React + Vite, API documentation and a database of bug issues to work with.

PHP
OOP
MySQL
Git
splitter project

Robot Stores API (Node.js, Express, MongoDB)

A Node.js & express API built using MongoDB

Node.js
Express
MongoDB
Git
splitter project

Tip Splitter (React, Tailwind)

This project is a responsive web application with a mobile-first design approach built with React, JavaScript, and Tailwind CSS. The app allows users to easily input their total bill amount, select a tip percentage or enter a custom tip, and choose the number of people to split the bill between. It then calculates and displays the total amount to pay per person, including the tip.

React
JS
HTML
Tailwind
Git
splitter project

To-Do list (Slim, PHP, SQL)

This is a Slim project with a mobile first design approach. SQL database used for storing user data. Allows users to add new tasks, complete and delete tasks from list. This is an ongoing project. This is not currently hosted, feel free to check out the code on git hub.

Slim
PHP
HTML
Tailwind
Git
SQL
splitter project

Food Delivery App (React, Tailwind, Git)

This is fully responsive React app, designed according to supplied designs using Tailwind. Data is being fetched from a supplied API. This was a team project and Git was used for version control.

React
JS
HTML
Tailwind
Git
splitter project

What-a-mole (JavaScript, HTML, CSS, Git)

A fully responsive Javascript game based off of the well known Whack-a-mole (halloween edition). This was a team project and Git was used for version control. Had a lot of fun building this one, view the project live and give it a go!

HTML
CSS
JS
Git
splitter project

Newsletter sign-up form (JavaScript, Tailwind)

This project is a Newsletter sign-up form built using HTML, Tailwind CSS, and JavaScript. The component is designed to allow users to subscribe to a newsletter by entering their email address. It performs email validation to ensure the input is a valid email address and provides feedback to the user based on the input. App is not yet responsive for small devices. Looking to re-design and build with a mobile-first approach.

JS
HTML
Tailwind
Git
splitter project

Interactive Pricing Component (JavaScript)

This project is an interactive pricing component built using HTML, CSS, and JavaScript. It features a range slider that adjusts the price per month based on page views, along with a toggle button to switch between monthly and yearly payment options. When the yearly option is selected, the price reflects a discounted one-off payment.

JS
HTML
CSS
Git

PROJECTS

Here you will find some of my personal prejects.

E-commerse Store - Front-End (React, Typescript, Tailwind)

splitter project

Solo project - React, Typescript front-end built using a fake store API. Allows users to add/remove items from cart and filter items by category. Currently working on the checkout page and form validation.

React
Typescript
Tailwind

Recipe Maker - Full-Stack (MySQL, Node, Express, React, Typescript, Tailwind)

splitter project

Group project - Currently allows users to create account and add/see recipes associated with their account. Each recipe can be expanded for recipe instructions.

MySQL
Node
React
Typescript
Tailwind

IT Bug Tracking API (PHP, OOP, MySQL, Git)

splitter project

This is a back-end project with the aim of tracking bug issue data and was created over the course of one week. We were provided a front-end template made in React + Vite, API documentation and a database of bug issues to work with.

PHP
OOP
MySQL
Git

Robot Stores API (Node.js, Express, MongoDB)

splitter project

A Node.js & express API built using MongoDB

Node.js
Express
MongoDB
Git

Tip Splitter (React, Tailwind)

splitter project

This project is a responsive web application with a mobile-first design approach built with React, JavaScript, and Tailwind CSS. The app allows users to easily input their total bill amount, select a tip percentage or enter a custom tip, and choose the number of people to split the bill between. It then calculates and displays the total amount to pay per person, including the tip.

React
JS
HTML
Tailwind
Git

Furniture Store API (Node.js, Express, Typescript)

splitter project

A Node.js API. Version one is built with Node.js and Express. Version 2 is built with Node.js, Express and Typescript.

Node.js
Express
Typescript
Git

To-Do list (Slim, PHP, SQL)

splitter project

This is a Slim project with a mobile first design approach. SQL database used for storing user data. Allows users to add new tasks, complete and delete tasks from list. This is an ongoing project. This is not currently hosted, feel free to check out the code on git hub.

Slim
PHP
HTML
Tailwind
Git
SQL

Food Delivery App (React, Tailwind, Git)

splitter project

This is fully responsive React app, designed according to supplied designs using Tailwind. Data is being fetched from a supplied API. This was a team project and Git was used for version control.

React
JS
HTML
Tailwind
Git

What-a-mole (JavaScript, HTML, CSS, Git)

Whack-a-mole project

A fully responsive Javascript game based off of the well know Whack-a-mole (halloween edition). This was a team project and Git was used for version control. Had a lot of fun building this one, view the project live and give it a go!

HTML
CSS
JS
Git

Newsletter sign-up form (JavaScript, Tailwind)

splitter project

This project is a Newsletter sign-up form built using HTML, Tailwind CSS, and JavaScript. The component is designed to allow users to subscribe to a newsletter by entering their email address. It performs email validation to ensure the input is a valid email address and provides feedback to the user based on the input. App is not yet responsive for small devices. Looking to re-design and build with a mobile-first approach.

JS
HTML
Tailwind
Git

Interactive Pricing Component (JavaScript)

splitter project

This project is an interactive pricing component built using HTML, CSS, and JavaScript. It features a range slider that adjusts the price per month based on page views, along with a toggle button to switch between monthly and yearly payment options. When the yearly option is selected, the price reflects a discounted one-off payment.

JS
HTML
CSS
Git

CONTACT

jordanmilesbrewer@outlook.com

CONTACT

jordanmilesbrewer@outlook.com