Skip to content

A modern Single Page Application (SPA) designed for a physiotherapy clinic.

Notifications You must be signed in to change notification settings

helberan/team-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PhysioReact

PhysioReact is a modern Single Page Application (SPA) designed for a physiotherapy clinic. This application offers an intuitive interface for patients to learn about the clinic, book appointments, contact the clinic, and get to know the team.

Live at: https://helberan.github.io/team-project

Features

  • Contact Form: Reach out to us easily with any inquiries.
  • Booking: Schedule appointments seamlessly through our user-friendly form.
  • About Us: Meet our professional and dedicated physiotherapy team.
  • Our services, Tariff: Detailed information about our services and pricing.

Technology used

Project Setup

To set up the project on your local machine, follow these steps:

git clone <repository-url>

Clone the repository to your local machine. Replace with the URL of our GitHub repository.

npm install

Install the project dependencies. This command will read the package.json file and install all the required packages.

npm start

Runs the app in development mode. Open http://localhost:3000 to view it in the browser.

npm run server

Runs the app's server on port 5000. Open http://localhost:5000/bookings to access the backend services.

Git

git checkout <branch-name>

Switch between project branches.

git pull

Pull the latest version of the project.

git merge main

Merge main with your working branch, so you can continue developing on your branch with the latest project version.

Usage

Contact form:

Navigate to the "Kontakt" page to fill out the form with your details and message. Click "Odeslat" to send your inquiry to the clinic.

Booking:

Go to the "Objednat se" page to choose a service, select a preferred date and time, and provide your contact information to schedule an appointment.

Plan for next development

  • Enhance booking form functionalities
  • Create and replace json server with full backend
  • Add e-mail booking confirmation
  • Add multi-language support