Veterinary Clinic - Appointment Booking System Based on React and Redux

React/Redux
Explore the docs »

· Report Bug · Request Feature

Table of Contents

• About the Project
• Screenshots
• Prerequisites Installations
• Technology used
• Usage/Getting Started
• Live Version
• Roadmap
• License
• Authors

About The Project

This project is a Appointment Booking System built with React and Redux. It consumes an API and offer a user interaction interface that mimic a booking system allowing different user to access the API resources.

Feature summary :

• Interface Authentication.
• Vet approval interface for the admin.
• Profile interface for both patients and vets.
• View past and upcomming appointments by the patient.
• View booked appoitment request by the vet.
• Book an appoitment interface available only by patients.

Detailed project description can be found here back end. The system responsiveness in different screen start from 567 px going up.

Helpers

Login as admin:

• username: admin
• password: 123456789

Seeded vet

• username: betty
• password: 123456789

Seeded user

• username: bafiamm
• password: 123456789

Screenshots

Book an appointment

Vet profile

Patient appointments

Admin account approval

Prerequisites Installations

If you want a copy of this project running on your machine you have to install:

• Node.js (v5. 2.0 or greater)
• Git version control system

Technology used

• Node.js
• React
• React-DOM
• React-Create-App
• Redux
• Antd
• npm
• CSS
• ES6
• React-thunk

Usage/Getting Started

Once you have installed the required package shown on the Prerequisites Installations, proceed with the following steps

Clone the Repository

your@pc:~$ git clone https://github.com/bafiam/vetplus-frontend

Move into the cloned folder

your@pc:~$ cd vetplus-frontend

Get the dependencies needed for the app

your@pc:~$ yarn install

Run the test

your@pc:~$ yarn test

Start the server and use the app

your@pc:~$ yarn start

The system is connected to the online backend version. To run it locally and use a local version of the backend with a local version of the front end, you need to do some changes to the modules folder, action.js file.

- Replace
export const BASE_URL = 'https://mighty-badlands-24775.herokuapp.com';
- with
 export const BASE_URL = 'http://localhost:3000';

Live Version

This is the link to the live preview. Feel free to visit.
Vetplus

Roadmap

See the open issues for a list of proposed features (and known issues).

Authors

Stephen Gumba

• GitHub profile