Back to portfolio

Personal & academic project

Medvantage

Healthcare e-commerce

A platform for discovering medicines, supplements, and healthcare essentials through a convenient shopping experience.

Concept illustration

An abstract visual interpretation, not an application screenshot.

Purpose

Help people discover healthcare essentials through category-based browsing and a simplified shopping experience.

What it does

  • User-friendly interface
  • Category-based filtering
  • Simplified shopping process

Built with

  • React.js
  • Tailwind CSS
  • Node.js
  • Firebase
  • Express.js
  • MongoDB

Architecture schematic

data flow
  1. React.js · Tailwind CSSInterface
  2. FirebasePlatform services
  3. Express.js · Node.jsServer
  4. MongoDBDocument store

Data flow drawn from the project’s listed technologies.

My role

Full-stack web development covering the React storefront, Firebase authentication, and Express/MongoDB catalog backend.

Technical implementation

  • Designed category-driven catalog filtering so shoppers can quickly narrow down medicines, supplements, and daily essentials.
  • Connected Firebase authentication with the React storefront to streamline sign-in and account continuity.
  • Implemented a low-friction cart and checkout flow tailored for clarity and accessibility.

Architecture & workflow

  • Component-based React.js and Tailwind CSS storefront focused on clean hierarchy and fast product discovery.
  • Firebase identity services paired with an Express.js and Node.js REST API for catalog and order operations.
  • MongoDB document store indexing healthcare products by category, availability, and item details.

Challenges

  • Presenting dense healthcare catalog items without overwhelming visitors during search and category switching.
  • Keeping client cart state synchronized with authenticated user sessions across navigation.

Solutions

  • Structured predictable category filters and scannable product cards that surface essential details upfront.
  • Decoupled catalog query endpoints in Express.js from client filter controls for responsive browsing.

Documented outcomes

  • Delivered a focused healthcare shopping experience combining fast category discovery with a straightforward checkout journey.