Glowdrop is a Professional Service & Beauty Product App designed to help users connect with top-rated beauty professionals, discover products, and create personalized beauty routines. Built with React Native and TypeScript, Glowdrop combines service booking with product recommendations to deliver a comprehensive beauty and self-care experience.
- React Native: For creating a cross-platform mobile application that runs on both iOS and Android.
- TypeScript: Used for type safety, enhancing code maintainability, and ensuring a robust development experience.
-
Professional Profiles: Detailed profiles for each beauty professional, showcasing:
- About section
- Services with descriptions, durations, and prices
- Availability schedule by day
- Contact Information (phone number, email, and address)
- Reviews from clients, with ratings and comments
-
User Actions:
- Bookmark professionals for easy access
- Book services directly from the profile page
- Filter by ratings, price, and availability
- Beauty Products: Browse a curated list of beauty products recommended by professionals.
- Product Details: View detailed information for each product, including benefits, ingredients, and user reviews.
- Routine Builder: Create and manage a personalized routine by adding selected products and specifying usage frequency.
Here are some demo pictures of the Glowdrop app, showcasing its user-friendly interface and features:
| Screen | Screenshot |
|---|---|
| Auth Screen |  |
| Home Screen |  |
| Professional List |  |
| Professional Detail About Tab screen |  |
| Professional Detail Services Tab screen |  |
| Professional Detail Reviews Tab screen |  |
| Product Details |  |
| Routine Builder |  |
Glowdrop’s sleek and modern design draws inspiration from the following Dribbble concepts, blending clean layouts with engaging visuals:
- Beauty Service App UI: Provided inspiration for the color scheme and general aesthetic, specifically the home screen, artists/professional listing, professional detail screens.
- Home Cleaning Service App UI: Influenced the product detail screen.
- Skin Care App Design: Provided inspiration for the product and routine sections.
- Inventory App Design: Provided inspiration for the account section.
- Clone the Repository:
git clone https://github.com/kodervine/glowdrop.git
- Install Dependencies:
cd glowdrop npm install - Run the App:
npx expo start # or npm run ios for iOS
- components: Contains reusable UI components used throughout the app.
- screens: Major screens like Home, Artists, Routine, Products, and Routine.
- assets: Includes images, icons, and other static files.
- types: TypeScript interfaces and types for data consistency across components.
Glowdrop is your one-stop beauty service and product app, built to provide a streamlined experience in booking services, discovering products, and maintaining a beauty routine.