Interview Scheduler

Table Of Contents

• Summary
  • Features
  • Screenshots
• Setup
  • Dependencies
  • Resources

Summary

Interview Scheduler is a React application that allows users to book and cancel interviews. A combination of concise API and a WebSocket server are used to build a realtime experience.

The app is deployed and can be viewed at scheduler.hirzalla.ca.

Features

• Uses WebSocket connection for a realtime user-experience (view updates from other clients as they happen! )
• Automated deployment: CI/CD using CircleCI, API server hosted on Heroku, app built and deployed at Netlify
• Choose an available time-slot and book a new interview!
• Provide your name and choose one of the available interviewers for your appointment
• Edit or cancel an existing appointment
• View number of available spots remaining for each day
• Navigate through different days of the week from the sidebar

Screenshots

Setup

1. Clone this in addition to scheduler-api repositories
2. Run both client and server (make sure to follow steps for running and seeding API server)
3. Visit http://localhost:8000

Needs the API server running alongside client. Run cd scheduler-api && npm start

Install Dependencies

cd scheduler && npm i

Running Webpack Development Server

npm start

Running Jest Test Framework

npm test

Running Storybook Visual Testbed

npm run storybook

Running Cypress E2E Tests

npm run cypress

You'll need scheduler-api server running alongside client in test environment for this.
Run npm run test:server on the API server

Dependencies

• React
• Axios
• Classnames
• Normalize.css
• React-DOM
• React-Scripts

Dev

• Babel-loader
• Storybook
• @testing-library/jest-dom
• @testing-library/react
• @testing-library/react-hooks
• Cypress
• Node-sass
• Prop-types
• React-test-renderer

Resources

• Heroku
• CircleCI
• Netlify