Scheduler

Project Description

Scheduler is a Single Page Application(SPA) created for interview booking and management. This App allows users to add, edit, and delete appointments. It is Built using React and custom hooks. The client application communicates with an API server over HTTP via JSON. Data is stored using a PostgreSQL database.

Features

• Appointments are displayed daily with their details
• The days are shown in the sidebar with spots remaining
• Users are able to book / edit / delete an appointment

Screenshots

View appointments by day

Add or edit an appointment

Delete an appointment

Setup

• Install dependencies with npm install.
• Install schedular-api server. (Instructions below)

Running Webpack Development Server

npm start

Running Jest Test Framework

npm test

Running Storybook Visual Testbed

npm run storybook

Install and Run scheduler-api server

Scheduler requires the scheduler-api database to be installed and running simultaneously.

• Begin by forking and cloning the scheduler-api server from here
• Follow the instructions in the scheduler-api README to install the database
• Run the scheduler-api server from its cloned folder npm start

Dependencies

• Aaxios ^0.20.0
• Classnames ^2.3.2
• Nnormalize.css ^8.0.1
• React ^16.9.0
• React-dom ^16.9.0
• React-scripts 3.4.4
• React-testing-library ^8.0.1

Dev Dependencies

• Babel/core ^7.4.3
• Storybook/addon-actions ^5.0.10
• Storybook/addon-backgrounds ^5.0.10
• Storybook/addon-links ^5.0.10
• Storybook/addons ^5.0.10
• Storybook/react ^5.0.10
• Testing-library/jest-dom ^4.0.0
• Testing-library/react ^8.0.9
• Testing-library/react-hooks ^8.0.1
• Babel-loader 8.1.0
• Prop-types ^15.8.1
• React-test-renderer ^16.9.0
• Sass ^1.53.0