Interview Scheduler

Scheduler is a single-page application built with React. It allows the user to book appointments with mentors 5 times a week from 12:00 - 5:00 pm. These appointments can be edited and/or cancelled in real time by the user.

API Server

The app communicates with an API server to fetch the data living in its database (PSQL) as well as to save the new input received from the user.

Fork/clone the shcheduler-api and follow the README instructions to configure and run the API server.

TDD (Test Driven Development)

In order to test the functionality of the project, the following tools were used: Storybook (to build components in isolation), Jest (unit testing) and Cypress (end-to-end testing)

Project Functionality and Features

• Interviews can be booked between Monday and Friday only
• The user can switch between weekdays and the selected day will display highlighted with the available spots remaining and the current slots booked.
• Interviews are booked by typing in a student name and clicking on an interviewer from a list of available interviewers.
• The user can cancel or edit an existing interview.
• The expected day updates the number of spots available when an interview is booked or canceled.
• The user is presented with a confirmation when they attempt to cancel an interview.
• The user is shown an error if an interview cannot be saved or deleted.
• The user is shown a status indicator while asynchronous operations are in progress.

Setup

Install dependencies with npm install.

Running Webpack Development Server

npm start

Running Jest Test Framework

npm test

Running Storybook Visual Testbed

npm run storybook

Screenshots

Navigate through the left side bar to change day of the week and display the different appointments. Add a new appointment

Edit and delete an appointment

If an error occurs, the user is alerted