TBR3 React Frontend

Responsive Frontend Client for a Charity & Donation Platform

Category: team-projects | Role: React Frontend Developer — Built core client pages, component architecture, and responsive layouts for the donation platform interface.

Project Overview

TBR3 React Frontend is the client-side single-page interface for a collaborative charity and donation platform. Developed as the designated frontend contributor within a project team, my role was establishing the React client architecture, building reusable component systems, and implementing core views including Home, Login, and Donation pages. Built with React.js, Tailwind CSS, and React Router, the client provides clean routing, shared navbar and footer layouts, and accessible donation flows.

Key Engineering Highlights

  • Reusable Component Architecture: Built modular UI library for navigation, buttons, cards, and modal dialogs
  • Client-Side Routing: Configured declarative route hierarchies using React Router
  • Modular UI Architecture: Structured reusable components and client-side routing prepared for backend service integration
  • Responsive Layouts: Implemented mobile-first interfaces using Tailwind CSS styling

Technology Stack

React.jsTailwind CSSReact RouterJavaScriptHTML5