Project Overview

Salon16 Customer App is a modern web application built with React that allows customers to browse services, place bookings, and track booking statuses. The app integrates Firebase Authentication for secure access and Firestore for real-time data handling.

About This Project

This project was developed as a client-requested solution to digitize and streamline the salon booking process. Customers can select services, choose preferred dates and time slots, and submit bookings through a clean and intuitive interface. The application leverages Firebase Authentication to securely manage users and Firestore for real-time data synchronization, ensuring booking updates are instantly reflected across the system. Instead of push notifications, the system uses EmailJS and Nodemailer with Firebase-triggered logic to send custom-designed email notifications. Customers are notified when a booking is placed, and again when an administrator accepts or rejects the booking, including optional admin notes. The frontend follows scalable architecture practices with Redux for global state management, robust form validation, and fully responsive layouts optimized for both desktop and mobile users.

Key Features

• Browse and search salon services with detailed descriptions
• Book services with preferred dates and time slots
• Secure user authentication using Firebase Authentication
• Real-time booking and status updates via Firestore
• Automated email notifications for booking creation and status changes
• Admin notes displayed to customers on booking decisions
• Redux state management for predictable data flow
• Form validation to ensure data quality
• Fully responsive design optimized for mobile and desktop
• Track booking history and status in user dashboard

Technical Challenges

• 1.Handling real-time booking updates while preventing inconsistent data states
• 2.Designing a smooth multi-step booking flow with multiple service options
• 3.Implementing reliable automated email notifications with custom templates
• 4.Managing complex global state for bookings, users, and UI interactions