SkinFirts is a cross-platform mobile application built with React Native 0.86 for a dermatology center. It gives patients a streamlined way to discover dermatologists, book appointments, communicate via in-app chat, and process payments — all from a single, cohesive interface. The app is state-managed with Redux Toolkit, navigated through React Navigation (native stack combined with bottom tabs), and connects to a MockAPI backend that simulates real clinic data during development.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/BhushanBadhe39/SkinFirts/llms.txt
Use this file to discover all available pages before exploring further.
Key Features
Doctor Browsing
Browse a full roster of dermatologists, filter by specialty, and view detailed profiles including ratings and availability.
Appointment Booking
Pick a date from an interactive calendar, select an open time slot, and confirm appointments in just a few taps.
In-App Chat
Send and receive messages with clinic staff or doctors directly inside the app via a built-in chat screen.
Payments
Choose a payment method and complete transactions for consultations without leaving the app.
Profile Management
View and update personal account details, manage preferences, and review past appointments from a dedicated profile screen.
Authentication
Secure sign-up, login, and password flows with persisted sessions via AsyncStorage so users stay logged in between launches.
Tech Stack
| Layer | Technology |
|---|---|
| Framework | React Native 0.86 |
| UI Runtime | React 19 |
| State Management | Redux Toolkit 2.x + React Redux 9.x |
| Navigation | React Navigation 7 — Native Stack + Bottom Tabs |
| HTTP Client | Axios 1.x |
| Persistence | @react-native-async-storage/async-storage 3.x |
| UI Components | react-native-paper 5.x |
| Calendar Picker | react-native-calendars 1.x |
| Icons | react-native-vector-icons 10.x |
| Safe Area | react-native-safe-area-context 5.x |
| Responsive Layout | react-native-responsive-screen 1.x |
| SVG Support | react-native-svg + react-native-svg-transformer |
| Toolchain | Metro bundler, Babel (@react-native/babel-preset) |
Backend
SkinFirts uses MockAPI as its backend during development. The Axios client in
src/api/Client.js points to a MockAPI project endpoint (https://6a63416d1bffb2ffab8bf093.mockapi.io) that serves mock doctor and user data. This makes it straightforward to prototype and test without standing up a real server, but the endpoint should be swapped for a production API before release.