Scheduler

Scheduler is a single page application (SPA) built with React that allows users to book, edit and cancel interviews. All connected users are able to see updates in real time as this application uses a WebSocket server.

View live application: Scheduler
(Note: may be a slight delay for the app to load)

Project Stack

Front-End: HTML, JavaScript, React, JSX, SASS, Axios, WebSocket
Back-End: Express, Node, PostgreSQL, WebSocket
Testing: Storybook, JEST, Cypress
Deployment: Heroku, Netlify

Project Features

Users can easily see how many slots are remaining per day
Multiple users can book or cancel interviews simultaneously with live updates
Application makes API requests to load and persist data. No data is lost after a browser refresh.

Final Product

Real-time Experience

Booking Interview

Mobile View

Getting Started

You will need to have TWO terminals to run the app.

Fork and clone the scheduler-api server: scheduler-api
Follow the readme instructions to install and setup the database
In one terminal, start the scheduler-api server with npm start
Fork this repository, and clone your fork of the repository
Install the dependencies with npm install
In the second terminal, run the scheduler web server with npm start
Open your web browser on http://localhost:8000/ to start using Scheduler!

Dependencies