Doctor Appointment Booking App with React ,Firebase , ANT D

Set up a login and registration flow in a React app by creating login and register pages, wiring routes, and building a centered vertical form with name, email, and password.

Learn to implement name-based form items with an onFinish handler to capture and log login and register values without state variables, then navigate between pages and prepare for firebase integration.

Configure Firebase for the app by initializing the Firebase app, enabling authentication, and wiring the Firestore database with CRUD operations for a web app in production mode.

Develop a new api call that adds user documents to the Firestore users collection during registration, with error handling. Implement password encryption and duplicate user checks in the next lecture.

Learn to enforce duplicate users restriction and secure passwords by hashing with crypto-js on the frontend, while querying Firestore to prevent existing emails and then store encrypted passwords.

Develop and validate the login flow for the doctor appointment booking app using React and Firebase, including email lookup, password decryption, error handling, and navigation to the home page.

Implement a protected route layout in a React app by checking local storage for authentication and routing users between home, login, and profile.

Set up Redux Toolkit for the doctor appointment app by creating a loader slice, configuring the store, and providing it to the app to manage loading during Firebase requests.

Implement a redux-controlled loader with a spinner on login and registration pages, showing a full-page overlay during firebase or backend API requests.

Describe role-based access in a doctor appointment app, including user, doctor, and admin flows for authentication, doctor applications, approvals, time slots, and appointment booking.

Build a protected doctor application form in a React app, capturing personal and professional details, work hours, days, and contact information with validation, preparing to save to Firestore.

Develop the doctor API by saving doctor records to firestore, handling loading and validation, and navigating after approval while enforcing a pending status and preventing duplicates.

Implement an admin panel with two tabs for users and doctors, enabling status changes from pending to approved or blocked using firebase and admin routing.

Build the users and doctors lists in a React app with Firebase Firestore, map id and data, and feed a table with columns and dataSource.

Learn to approve or reject doctor status, update status in firebase firestore, and adjust user roles to doctor from the admin panel.

Display the approved doctors on the home page as tiles, then navigate to each doctor's profile to view timings and book a slot, using React state and data fetching.

Build and style the doctor appointment booking page, including border radius on inputs and buttons, render doctor details, and fetch data by id from Firestore via a book appointment route.

Show slots teaches you to display doctor availability by date, generate hourly slots from start time to end time, and differentiate booked from available slots.

Learn how to implement booking slots in a React and Firestore app by building an async book appointment function that stores appointments and navigates to the profile page on success.

Learn to fetch doctor appointments by date using the doctor ID, identify booked slots, and render them as blocked or disabled to prevent double bookings.

Show the appointments list for doctors and users by role in the profile. Present doctor bookings and user bookings with fields like date, time, doctor, and booked on.

Learn to add a reason field and manage appointment status from pending to accepted or rejected, with slot blocking and release on rejection, plus doctor approves or cancels actions.