Interview Scheduler

Interview Scheduler is a Single Page App, built using React for learning purposes. It allows users to book interviews in timeslots on different days.

Final Product

Setup

Install dependencies with npm install.

Dependencies

• axios
• react (v 16.9.0)
• react-dom (v 16.9.0)
• react-scripts
• classnames
• normalize.css

Dev Dependencies

• babel
• storybook
• @testing-library/jest-dom
• @testing-library/react
• @testing-library/react-hooks
• react-test-renderer
• node-sass
• prop-types

Dependencies notes

• Note the react version is : react v 16.9.0
• react-dom, react-test-renderer should be matching versions

works with the provided scheduler-api

Scheduler API

Features

• Allows students to book/edit/delete interviews with a mentor
• appointments can be made between 12 - 5 pm for each day of the week
• information is persistent on the API server using PostgreSQL database
• Test Driven Development with Jest
• Testing with Cypress
• Implemented web sockets for updating information with multiple users

Technical Specifications

• React
• Webpack, Babel
• Axios
• WebSockets
• Storybook, Webpack Dev Server, Jest, Testing Library

Running Webpack Development Server

npm start

Running Jest Test Framework

npm test

Running Storybook Visual Testbed

npm run storybook

Running Cypress testing

npm run cypress