Portfolio Frontend
Portfolio Backend

A hub of my stuff. It's a bit like this page but fancier-looking.
The drawing is of me by Pen Ward (Adventure Time).

Tech:

• TypeScript
• React
• MUI
• Node

LetChat Frontend
LetChat Backend

An app to facilitate better communication between landlords and tenants.
I contributed to all of the design process from ideation to user stories to Figma designs. I also implemented user authentication/authorisation with Firebase, wrote components, front and backend tests, documentation and added accessibility.
We worked in a team of six in an Agile way doing weekly sprints and I lead some of the daily standups and retros.

Tech:

• NextJS
• TypeScript
• Firebase
• Tailwind
• Express
• Jest
• React Testing Library
• Cypress
• Supertest

Just The Ticket Frontend
Just The Ticket Backend

The task was to develop something to help fellow bootcampers. We noticed people were generally quite bad at asking questions (no offence), often just popping a question in Slack like "help needed in room 30". We designed the app to help people ask better questions - what's the problem, what have you tried so far, give us some code, give us any error messages.
I worked on the design and ideation, set up the initial shell of the app, got basic state and data-fetching functionality working in React and wrote all the frontend tests and a few integration tests.
The idea was it should be like a friendlier version of Stack Overflow but really it's more like a ticketing system, hence the name (a coooool pun).

Tech:

• React
• Express
• React Testing Library
• Jest
• Supertest

Lootbox Simulator

Just a dumb thing I made in an afternoon when I was bored. Look, I'm a gamer. I just like to click on things.
It was my first time setting up a React app with Vite so it was also a good opportunity to give Vitest a go.

Tech:

• React
• TypeScript
• Cypress
• Vitest

Click The Nuclear Waste

An early side-project to help me learn React. I was struggling a bit with the intial React concepts when learning them at School Of Code so I made something to help cement them in my head.
It's basically a simple Cookie Clicker clone.

Tech:

• React

Who's That Pokemon?

The PokeAPI is the best API. FACT.
An early project to play with APIs. I keep coming back to it from time to time to give it little updates. It's the project which won't die.

Tech:

• Originally vanilla JavaScript, converted to TypeScript