Back to home About Skills Certifications Career & Education Projects Social Media & Contact

Rolling Block – Accessibility Services App

Project introduction

A React-based accessibility services app, designed and built from the ground up. The project is still in progress (as of February 2026), and updates will be provided as development continues.

Project overview

  • A full application designed and built from the ground up.
  • The purpose of this project is to showcase and develop my React development skills, whilst also creating an application that could have potential future use.
  • Branding, including fonts, colours and visual elements are being created.
  • The application is being designed using Figma.
  • The application is being developed using React, with a focus on keeping code as organised as possible by creating reusable modular components.
View live website

View on GitHub

Branding

Logo

An example of the legacy TopCashback brand pages

Light mode colour palette:

#FC853A
#F8EFE7
#0F3354
#FFFFFF

Dark mode colour palette:

#FC853A
#222222
#FFFFFF
#3F3F3F
Note: The colour scheme is likely to change as I continue to experiment.

Revisiting the general theme (March 2026)

I wasn't satisfied with the previous design, so I decided to revisit it in order to achieve a friendlier and more professional feel overall.

Light mode homepage

An example of the legacy TopCashback brand pages

Dark mode homepage

An example of the legacy TopCashback brand pages

Build progress (March 2026)

Below, the screenshots of the current build progress can be seen.

Note: The above revisited colour scheme has not been built yet, but I plan to apply those updates soon.

View live website

View on GitHub

See next:

TopCashback brand page redesign Return to homepage