SecondAid (React SPA)

SecondAid (React) is a responsive single-page web app that helps people buy and sell pre-owned medical equipment more easily. Users can browse listings by category, manage a cart and checkout, and post buyer requests for items they can’t find.

Built with

  • React
  • Express

Overview

SecondAid (React SPA) is a full-stack web application designed to make second-hand medical equipment more accessible by reducing friction in discovery, listing, and purchasing. The frontend is built as a React single-page application (SPA) with page routing and reusable components, allowing fast, app-like navigation without full page reloads. On the user side, buyers can browse products by category, search listings, view detailed item pages, add items to cart, apply promo codes (if available), and place orders. Sellers can manage their own listings (create, edit, remove), view incoming orders, and respond to buyer requests where relevant. Authentication is handled with JWT-based login to personalize experiences (profile, order history, seller pages) while keeping restricted pages protected. \n This React version is intentionally separated from my earlier “SecondAid” implementation (EJS + Express server-rendered pages). The React SPA focuses on smoother UI workflows, clearer page structure, and stronger component reuse.

Project Details

Category

WEB

Role

Frontend Developer, Integration, Backend Coordinator

Key Highlights

  • Smooth SPA navigation using React Router (no full reloads, faster UX)

  • End-to-end shopping workflow: browse → item detail → cart → checkout → order confirmation

  • JWT auth + route protection: logged-out users are guided to login for restricted features