PureSkin
Allergen-Safe Product Discovery App

About the Project
PureSkin helps users with skin sensitivities find safe cosmetic and personal care products by cross-referencing ingredients against personalized allergen profiles across skincare, hair care, baby care, and eye care categories.
Requirements & Objectives
- Allow users to build a personalized allergen profile.
- Provide an extensive product database across multiple categories.
- Implement intelligent ingredient analysis that flags allergen-containing products.
- Display detailed product information with ingredients, warnings, and certifications.
- Enable favourites lists for organizing preferred products.
- Deliver cross-platform experience for iOS and Android.
The Engineered Solution
1Allergen Profile Builder
Onboarding flow guiding users through selecting known allergens, updatable at any time.
2Smart Product Scanner
Matching engine analyzing product ingredients against user profiles with safety scores.
3Product Discovery Feed
Browsable catalog with filtering, sorting, search, and community reviews.
4Favourites & Collections
Bookmark safe products into custom lists for quick shopping access.
System Architecture & User Flow
Build your allergen profile
Onboarding guides you through known allergens, editable any time.
Scan a product
The engine cross-references ingredients against your profile.
See a clear safety score
Flagged allergens, warnings, and certifications are shown up front.
Save what is safe
Add cleared products to favourites for quick repeat shopping.
Engineering Process
- Built cross-platform app using Ionic with NuxtJS and VueJS.
- Developed comprehensive product database with structured ingredient data.
- Implemented allergen detection algorithm cross-referencing ingredients against profiles.
- Designed intuitive allergen profile setup with common presets.
- Integrated Supabase for backend services.
- Styled with Tailwind CSS for consistent responsive design.
Production Tech Stack
| Layer / Component | Production Technologies |
|---|---|
| Mobile Framework | Ionic + Capacitor |
| Frontend | NuxtJSVueJS |
| Styling | Tailwind CSS |
| Backend | Supabase |
| Database | PostgreSQL |
| Allergen Engine | Custom ingredient analysis |
Outcome & Business Impact
PureSkin gave consumers with allergies a reliable tool to make informed purchasing decisions. The intelligent ingredient matching reduced manual label reading and helped users discover safe products across categories they previously avoided.


