Fitness_Trainer_Appointment_Scheduling_App_Using_ReactJS

Introduction

This project is a simple fitness trainer appointment scheduling application built with React. It allows fitness trainers to manage client information and appointments efficiently.

Features

• View a list of clients with their details such as name, location, and scheduled appointments.
• Edit client information including first name, last name, and location.
• Delete individual appointments for a client.
• Add new appointments for a client.
• View a calendar that displays all scheduled appointments with the client's name.

Getting Started

1. Clone the repository to your local machine.
2. Navigate to the project directory.
3. Run npm install to install the necessary dependencies.
4. Run npm start to start the development server.

Usage

• The main screen displays a list of clients, each with their information and scheduled appointments.
• Click the "Edit" button to modify the client's first name, last name, and location.
• Click the "Delete" button next to an appointment to remove it.
• Click the "Add Appointment" button to add a new appointment for a client.
• Click the "Show Calendar" button to view a calendar with marked appointments.

The project consists of the following main files:

• App.js: The main component handling the overall application state and rendering of client information.
• ClientRow.js: A component responsible for rendering individual clients, their details, and managing client-related actions.
• Calendar.js: A component displaying a calendar view with marked appointments.

Screenshots