DEV3 Technologies home

DEV3 Dermacove – Dermatology Clinic Management SaaS with Online Booking (built on the ClinicPro engine)

A cool, glass-clear skin clinic platform: pearl-and-glacier website with a skin-concern finder, online booking, floating-rail admin and patient portal. Built on the DEV3 ClinicPro engine: the same features, a different design.
by DEV3 TechnologiesVerified Author(0) 0 sales 0 viewsUpdated 12 Nov 2026

Launch Offer: up to 50% off

This item is 50% off: $24.50 instead of $49

Ends in
--
Days
--
Hrs
--
Min
--
Sec

Dermacove is a skin-clinic management suite that you host yourself, built by DEV3 Technologies on Next.js 15 (App Router and Server Actions) and MongoDB. Built on the DEV3 ClinicPro engine: the same features, a different design. Dermacove gives a dermatology practice a pearl, glacier-blue and lilac face: frosted glass panels over slowly drifting colour, Outfit headings in a light weight, and a hexagon-and-drop logo. The team works from a floating icon rail with airy visit cards, and every patient gets a skin journal instead of a plain dashboard.

How it looks and works

  • Website. Pearl-white pages with a glacier-blue lead colour (#25607F) and lilac accents. The hero floats a "next free slot" note over an arch illustration; a concern finder filters treatments; the services page lists starting prices and visit times; three care plans sit in glass tiers; the team page uses hexagon-framed profiles. The mist footer and the outlined "Book a visit" link in the header are part of the pack.
  • Sign-in. A solid frosted panel, a glacier accent bar and three drifting orbs, then four note cards written for a skin practice. It is deliberately high-contrast: dark ink on near-white glass.
  • Admin layout. A floating glass icon rail instead of a sidebar, a frosted banner header, spacious rows and cards for lists, and a wide split-column form dialog. The doctor's dashboard centres on a visit donut with a follow-up list; the room calendar draws rounded visit pills with a glacier now-line.
  • Patient portal. The home page is a skin journal. A date tile shows the next visit with its time, doctor and reason; a morning and evening routine card lets the patient tick, add and remove steps (stored on their own device); a care-notes timeline lists published results, prescribed treatments and the balance. Appointments, records, lab reports, invoices and profile keep the engine's booking, payment and PDF features.
  • Type and colour. Outfit for headings and Inter for text, JetBrains Mono for codes, a deep-navy dark theme with a lighter link colour, and checked contrast for every declared pair.
  • Languages. English, Arabic, Hebrew and Spanish with mirrored layouts.

Demo content

Three fictional studios load with the installer: Marlbury Skin Studio (Turin, EUR), Stonebridge Skin Studio (Dubai, AED, Arabic first) and Ashgrove Skin Studio (Portland, USD, on a 14-day trial). Marlbury's team includes Dr. Ronan Ibsen (Medical Dermatology, Room 1) and Dr. Renata Kestrel (Skin Check, Room 2). Patients carry Armenian, Georgian and Persian names, and the pinned memos cover the SPF counter, a phototherapy cabinet service and patch-test week.

Publishing the iOS app

The package includes the native SwiftUI iPhone and iPad source in iOS-App/, already themed with Dermacove's colours, Outfit type, hexagon logo and icons. It was built and screenshotted on the iOS simulator only: it has not been submitted to or approved by the App Store, and you need your own Apple Developer account, bundle identifier and signing team to publish it. Set the server address and brand values in Config.xcconfig, run XcodeGen and open the project in Xcode. It talks to your own Dermacove server.

Quality

The release passed typecheck, lint, the right-to-left, route-segment and server-action checks, the automated test suite and a production build. The zip was unpacked, built and driven through the web installer from scratch, and a headless browser captured every screen in the gallery in light, dark, phone and right-to-left views.

What you should know before buying

  • Same engine as the original ClinicPro. Features, database schema and APIs are identical across the design family. Choose Dermacove for its glass look, its skin journal and its dermatology sample content, not for different functionality.
  • Demo patients follow a dermatology profile: ages 13 to 78 with a teen and young-adult skew (about 24% teens, 40% in their twenties), 62% women, first names matched to sex, and a parent listed as contact for minors. The pinned memos are written for a skin clinic (SPF counter, phototherapy service, patch-test week). Clinical notes, diagnoses and prescriptions still come from the engine's general-medicine set.
  • The skin routine is device-private. Steps are stored in the patient's browser, not in your database, so they are not part of backups or reports.
  • Platform admin pages use the engine's standard layout. Dermacove restyles everything the clinic team and patients see; the super-admin console keeps the shared engine look.
  • Email, card payments and file uploads need your own providers (SMTP, Stripe and an image host). Without them the app runs and logs outgoing mail.
  • Needs Node.js 20.9 or newer and MongoDB 5 or newer (a replica set is recommended; a hosted cluster works).

Included

Source code, the web installer with optional demo studios, the iOS source, a buyer guide, a Docker setup, cron configuration and six months of support.

How it's built

Architecture, stack, key decisions and the quality gates DEV3 Dermacove passed before release.

A dermatology clinic platform with a soft, spa-like website and a calm management console, built on the DEV3 ClinicPro engine.

The problem it solves

Skin clinics sell calm and trust, yet most practice software looks clinical and dense. The goal was a gentle public site and an equally gentle admin without changing a single line of the proven booking, records and billing logic underneath.

Architecture and approach

Dermacove is a design pack on the pinned ClinicPro engine. It ships its own tokens (lead #25607F, deep #1A4660, pearl and lilac fields), frosted glass components, a floating icon rail, visit-card lists, a visit-donut dashboard, a skin-journal portal home and a high-contrast glass sign-in, while a build guard keeps every backend file identical to the engine.

Quality gates and results

  • Backend identical to the engine, verified by the guard on every build
  • Skin-concern finder filters treatments on the client from website content
  • Contrast checked for every text, link and button colour pair, light and dark

Tech stack

Area Technologies
Frontend Next.js 15, React 19, Tailwind CSS 4
Backend Server Actions, Mongoose 9, next-auth 5

Inside the build

Cove hero: a glacier-and-lilac gradient drifts behind the arch, with the next free slot in glass. Cove hero — a glacier-and-lilac gradient drifts behind the arch, with the next free slot in glass.

Glass feature cards: booking, records, stock and billing on cool pearl panels. Glass feature cards — booking, records, stock and billing on cool pearl panels.

Guides & articles

Practical guides and engineering write-ups for DEV3 Dermacove.

Designing a calm skin clinic platform: glacier glass and a concern finder

Last updated
Designing a calm skin clinic platform: glacier glass and a concern finder: DEV3 Dermacove

Choosing dermatology software is easy to demo and harder to live with. Here are 4 things to check before you pick a self-hosted system, with DEV3 Dermacove as the worked example. Dermacove is built on the DEV3 ClinicPro engine: the same features, a different design.

Video tour of Dermacove: the website, the dashboard and billing

The Dermacove home page

1. How does the website feel before anyone books?

The home page opens on a centred headline over a slow, drifting glacier-and-lilac gradient, with an arched cove illustration rising beneath it. Frosted notes show the next free slot and recent reminders, and the whole page is built from soft glass, light type and wide spacing.

How does the website feel before anyone books?

2. What is the skin-concern finder?

Under the headline visitors pick what brings them in, such as acne, redness or a check-up. The treatment list filters instantly from the same website content your team edits in the admin, and every treatment lists its starting price and time.

What is the skin-concern finder?

3. What does the team see after sign-in?

A floating glass icon rail, a frosted top bar and a dashboard built around a visits donut and a calm follow-up timeline. Lists are airy visit cards, and forms open in a wide split dialog.

What does the team see after sign-in?

4. Does the patient get the same calm?

Yes, and it is more than a reskin. The portal home is a skin journal: the next visit sits on a date tile, a morning and evening routine can be ticked off on the patient's own device, and a timeline lists results, treatments and billing as care notes.

Does the patient get the same calm?

Frequently asked questions

The complete source code (version 1.0.0) as a download from your account, with the setup and usage guides shown on this page. You can modify the code to suit your product.

Questions about this product (0)

Answers from the DEV3 team and the community.

Ask a question

No questions yet.

Wondering about setup, licensing or customisation? Ask, and the DEV3 team will help.

More from this author

View all

Related in Enterprise SaaS Starters

View all