A comprehensive digital catalogue and clinical guide for personalized skincare and haircare regimens. This platform provides structured routines for various skin and hair conditions based on professional care standards.
This project serves as a centralized resource for users to understand their skin and hair types and find appropriate treatment paths. It includes a curated product catalogue with detailed ingredient analysis and medical safety information.
- Detailed guides for Acne, Rosacea, Eczema, and Hyperpigmentation routines.
- Classification systems for Oily, Dry, Combination, and Sensitive skin types.
- Product database with verified ingredient lists.
- Specialized protocols for Hair Loss, Scalp Eczema, and Split Ends.
- Texture-based guidance for Straight, Wavy, Curly, and Coily hair.
- Safety information including pregnancy contraindications for active treatments.
- Modern, responsive design optimized for high-readability.
- Animated transitions for a seamless browsing experience.
- Advanced search and filtering system for the product catalogue.
- Frontend: React 18
- Build Tool: Vite
- Language: TypeScript
- Styling: Tailwind CSS
- Animations: Framer Motion
- UI Icons: Lucide React
- Clone the repository to your local machine.
- Navigate to the project directory.
- Install the required dependencies:
npm install
To start the development server and view the project locally:
npm run devTo create an optimized production build:
npm run buildsrc/app/components: Reusable UI elements and layout modules.src/app/data: Clinical data files for skincare and haircare products and routines.src/app/pages: Main application views and page structures.src/app/routes: Configuration for application navigation.src/styles: Global styles and theme definitions.
© 2026 RO Beauty Guide. All rights reserved.