Project Overview

Salon16 Admin is a Progressive Web App built with React Native and Expo for managing salon operations in real time. The app enables administrators to manage bookings, services, customers, and daily schedules through a secure role-based system. Note: This PWA is optimized for mobile screens—please switch to mobile responsive view in your browser for the best experience.

About This Project

Salon16 Admin is a powerful Progressive Web App (PWA) built with React Native and Expo, specifically designed to give salon administrators complete control over their operations.

As a mobile-first PWA, the interface is optimized for portrait mobile screens and tablets, so if you're viewing it on desktop, please use your browser's responsive mode (mobile view) for the intended experience.

The application provides a comprehensive dashboard for managing bookings, services, customers, and daily schedules in real time. Powered by Firebase Authentication and Firestore, the system implements a secure role-based access control system, ensuring that only authorized personnel can perform administrative actions. The app features offline-aware behavior, allowing administrators to access critical information even without an internet connection. It includes responsive layouts that adapt seamlessly to various screen sizes, and a custom salon-themed UI that aligns with the brand identity. Instead of relying on push notifications, the system leverages EmailJS and Nodemailer integrated with Firebase Cloud Functions to send professionally branded email notifications to customers when bookings are placed or when their status changes, ensuring reliable and consistent communication. The application architecture follows React Native best practices with modular components and centralized state management.

Key Features

• Real-time booking management with accept and reject actions
• Service management with create, update, and delete functionality
• Customer management with booking history access
• Daily bookings view filtered by selected date
• Firebase Authentication with admin role-based access control
• Firestore-powered real-time data synchronization
• Offline-aware behavior for improved reliability
• Automated email notifications using EmailJS and Nodemailer
• Admin notes attached to booking status updates
• Responsive UI optimized for mobile and tablet screens
• Booking status tracking and historical logs

Technical Challenges

• 1.Building a cross-platform React Native PWA using Expo
• 2.Implementing secure role-based access control with Firebase
• 3.Handling real-time booking updates with Firestore
• 4.Designing offline-aware behavior for admin reliability
• 5.Integrating automated email workflows for booking lifecycle events