back to projects
Smart MediCare — Healthcare Website (Demo Project)

project

Demo Project

Smart MediCare — Healthcare Website (Demo Project)

A responsive healthcare service platform with Firebase authentication, expert doctor listings, and service pages.

$ stack --list

ReactFirebaseBootstrapTailwind CSS

description

Smart MediCare is a healthcare service website built with React and styled with Tailwind CSS and Bootstrap. Visitors can browse services and expert doctors (driven by JSON data), and Firebase Authentication protects the pricing, contact, and service-detail pages behind login/registration via React Router private routes. It's an earlier, front-end-only project — kept here as a demo of UI work and client-side auth flows rather than a production backend.

challenges

Wiring Firebase Authentication into React Router's private routes so unauthenticated visitors got redirected to login before reaching protected pages, while keeping all service and expert data driven by static JSON rather than a real backend.

next up

Replace the static JSON data with a real backend API, add appointment booking with live calendar availability, and refresh the UI to match current design standards.