Skip to content
All work
  • Website
  • 2025
  • Solo build

Weren't Born RichCase study

A website for a UK sickle cell support and awareness charity.

Weren't Born Rich homepage: 'Combating Sickle Cells, One Cell At A Time' over a photo of a community awareness event

TheProblem

A small charity needs more than a brochure. It has events to promote, people to sign up, donations to encourage and people who need help — and a team that should be able to keep the site current themselves.

TheProduct

The public site covers the charity's story, its projects and events, donations, and a contact page with a help-request form. Each project has its own page with photos, and visitors can register for events from it.

Behind a login, an admin dashboard lets the team create and edit projects, upload photos and video (compressed in the browser, stored on Amazon S3 and served through CloudFront), and review event registrations and help requests.

InsideThe site

  • The Our Projects page with cards for a blood donation event, an awareness project and an annual awareness event
    Projects and events — published by the charity's team from the admin dashboard.
  • The About Us section: who they are, what they do and their impact
    Telling the charity's story clearly.
  • The Weren't Born Rich homepage on a phone
    The homepage on mobile.
  • The donations page on a phone, with a GoFundMe button
    Donations on mobile.

What itDoes

  1. 01

    Projects and events

    Project pages with photo carousels, categories and dates — all managed by the charity, not hard-coded.

  2. 02

    Registrations and help requests

    Event sign-up and help-request forms that save straight to Firestore for the team to follow up.

  3. 03

    Admin dashboard

    A protected area to create, edit and arrange projects and to review every submission.

  4. 04

    Media uploads

    Images and video compressed in the browser, uploaded to S3 with pre-signed URLs and served via CloudFront.

  5. 05

    Donations

    A donations page pointing supporters to the charity's GoFundMe and bank details.

  6. 06

    Search and sharing

    Per-page metadata, Open Graph images and a generated sitemap.

MyRole

I designed and built the site in 2025: the public pages, the admin dashboard, the Firebase data and authentication, the media upload pipeline and the deployment on AWS Amplify.

Built with

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Firebase Auth
  • Cloud Firestore
  • AWS S3 & CloudFront
  • AWS Amplify
Next projectMuslamica

Have somethingIn mind?

Tell me what you want to build. You don’t need all the technical details figured out yet.

Tell me about your app