/scheduler

Primary LanguageJavaScript

Interview Scheduler

Interview scheduler is a react application that allows users to book interviews/appointments with mentors for assistance. This is intended to mimic the lighthouse labs student-mentor appointment booking workflow. Appointments can be made between noon and 5 for each day of the week.

Setup

Install dependencies with npm install.

Running Webpack Development Server

npm start

Once the server is running, navigate to http://localhost:8000

Running Jest Test Framework

npm test

Running Storybook Visual Testbed

npm run storybook

Database

This project connects to a postgress SQL database that is not included in this repository. An E2E cypress testbed was also completed for this project; however this testing suite relys on the same postgress database and has therefore not been included in this repository. Note: No appointment data will persist without the database connection.

Screen Shots

Desktop view on page load

Full page view of the application. From here, users can select their preferred appointment day and click on the + icon to start booking an available appointment.


Booking Form

Once a user clicks + to to book an appointment, they are presented with this form to fill out. THe user enters their name and selects one of the available interviewers and clicks save.


Show Form

Booked appointmentscan be edited or deleted by clicking on one of the icons in the lower right.


Delete warning

Before a delete action takes place the user is prompted to confirm or cancel.

Dependencies

  • Node (version 10.16.1)
  • axios
  • classnames
  • normalize.css
  • react
  • react-dom
  • react-scripts

Dev Dependencies

  • @babel/core
  • @storybook/addon-actions
  • @storybook/addon-backgrounds
  • @storybook/addon-links
  • @storybook/addons
  • @storybook/react
  • @testing-library/jest-do
  • @testing-library/reac
  • @testing-library/react-hook
  • babel-loade
  • node-sass
  • prop-types
  • react-test-renderer