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
- 01 · ClientReact.js · Tailwind CSSInterface
- 02 · PlatformFirebasePlatform services
- 03 · APIExpress.js · Node.jsServer
- 04 · DataMongoDBDocument 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.