About Interview Scheduler

Interview Scheduler is a single-page application (SPA) that allows users to book technical interviews between students and mentors. When creating a new appointment, the user can enter any student name while the interviewer is chosen from a predefined list. The user can save the appointment and view the entire schedule of appointments on any day of the week. Appointments can also be edited or deleted. The front end of this project is built with React and makes requests to an API to fetch and store appointment data from a database.

Project Outcomes

• Use React to create a single page application (SPA) called Interview Scheduler
• Have the client application communicate with an API server over HTTP, using Axios to make calls to the API.
• Gain experience with different development environments, including Storybook, Jest, and Webpack Dev Server

Screenshots

Setup

• Clone this repo and Install dependencies with npm install
• Clone scheduler server API and follow the instructions in README.md file for setup

Running Webpack Development Server

npm start

Running Jest Test Framework

npm test

Running Storybook Visual Testbed

npm run storybook

Running Scheduler Server API

npm start

Dev-Dependencies

• babel/core

• storybook/addon-actions

• storybook/addon-backgrounds

• storybook/addon-links

• storybook/addons

• storybook/react

• testing-library/jest-dom

• testing-library/react

• testing-library/react-hooks

• babel-loader

• node-sass

• prop-types

• react-test-renderer

  Note We have to install a very specific version of react-test-renderer to match the version of react and react-dom in the project. Follow the instructions from the react-hooks-testing-library documetation