Interview Scheduler

Overview

The Interview Scheduler is a react app that allows users to view, book and cancel appointments with mentors (interviewers) for each day throughout the week.

Setup

Install dependencies with npm install.

Clone scheduler-api from https://github.com/lighthouse-labs/scheduler-api and follow the instructions for setup.

Run scheduler-api on host machine prior to running webpack server.

npm start

Running Webpack Development Server

npm start

Running Jest Test Framework

npm test

Running Storybook Visual Testbed

npm run storybook

URLs

The app can be viewed at the following URL once setup: http://localhost:8000/

Screenshots

Main page overview:

Editing appointments:

Confirm edits:

Tech Stack

• React
• Javascript
• CSS/SCSS
• HTML

Dependencies

"@types/react": "^18.0.14",
"axios": "^0.27.2",
"classnames": "^2.3.1",
"normalize.css": "^8.0.1",
"react": "^16.14.0",
"react-dom": "^16.14  .0",
"react-scripts": "3.0.0",
"react-test-renderer": "^16.14.0",
"typescript": "^4.7.4"

Dev Dependencies

"@babel/core": "^7.4.3", "@storybook/addon-actions": "^5.0.10", "@storybook/addon-backgrounds": "^5.0.10", "@storybook/addon-links": "^5.0.10", "@storybook/addons": "^5.0.10", "@storybook/react": "^5.0.10", "@testing-library/jest-dom": "^4.0.0", "@testing-library/react": "^8.0.7", "@testing-library/react-hooks": "^8.0.1", "babel-loader": "^8.0.5", "node-sass": "^4.14.0", "prop-types": "^15.8.1"