Portfolio

A series of iPhones face down, with one faced-up and a website on its screen

brand

A conceptualised page created from a series of responsive wireframes in Figma. Built using React, SASS and Webpack.

  • Figma
  • Wireframing
  • UI Prototyping
  • Auto Layout
  • Components
  • React
  • Babel
  • SASS
  • PostCSS
  • Webpack
  • Git
  • Vercel
CodeSiteView More
A Galaxy phone with an e-commerce site on the screen

lite life

A fully-functioning, Single Page e-commerce application which sells a range of minimalist, high-end products. Built using React with Stripe, Material UI for styling and Webpack.

  • TypeScript
  • React
  • React Hook Form
  • React Router
  • DOMPurify
  • Commerce.js (Headless CMS)
  • RESTful APIs
  • SPA
  • Stripe
  • Material UI
  • Babel
  • Webpack
  • Git
  • Vercel
CodeSiteView More
A MacBook in front of a pool showing a website

oceanica

A conceptualised page created from a series of responsive wireframes in Figma. Built using React, SASS and Webpack.

  • Figma
  • Logo Creation
  • Masking
  • Wireframing
  • UI Prototyping
  • Auto Layouts
  • Components
  • React
  • Babel
  • SASS
  • PostCSS
  • Webpack
  • Git
  • Vercel
CodeSiteView More
A Cryptocurrency application on an iPhone screen, lying next to a Macbook keyboard

cryptoverse

A single page application which returns a range of crypto-related data, including currently top-trending currencies, market value, exchange rates and news. Built using Next.js with Redux RTK Query to handle multiple API calls.

  • TypeScript
  • Next.js
  • React
  • Redux
  • RTK Query
  • RESTful APIs
  • Axios
  • SPA
  • SASS
  • PostCSS
  • Playwright
  • E2E Testing
  • Husky
  • ESLint
  • Git
  • Vercel
CodeSiteView More
Two iPhones standing upright on a stair-like surface showing two different themes of a calculator app

calculator

A completely redesigned Calculator app from an initial Frontend Mentor brief, including three modern themes and the ability to view the previous operands.

  • React
  • useReducer
  • Custom Hooks
  • Chakra UI
  • Unit Testing
  • React Testing Library
  • Jest
  • Vite
  • Git
  • Vercel
CodeSiteView More
A luxury shopping site on a Macbook, resting on a white table with a mobile next to it

le dimanche

An exclusive e-commerce store designed to enhance customer weekend retreats by combining luxury with leisure. Built using TypeScript with React, custom hooks and context, local storage, Chakra UI and Vite.

  • TypeScript
  • React
  • useReducer
  • Custom Hooks
  • Chakra UI
  • Local Storage API
  • ES Lint
  • Vite
  • Git
  • Vercel
CodeSiteView More
An iPhone standing upright on an elevated concrete platform with showing a magazine site on the display. The title 'Art & Life' is seen in bold uppercase on the screen

fyrre magazine

A bold, striking SPA arts and life-focused magazine website developed from Figma designs using Next.js, TypeScript React Server Components, Shadcn, Tailwind CSS, GSAP and E2E testing with Playwright.

  • Next.js
  • React Server Components
  • TypeScript
  • React Suspense
  • Context API
  • Custom Hooks
  • React Hook Form
  • Zod
  • Server Actions
  • SPA
  • Tailwind CSS
  • Shadcn
  • GSAP
  • E2E Testing
  • Playwright
  • Husky
  • Git
  • Vercel
CodeSiteView More
loading...