Interview Scheduler

Interview Schedule is a React single page app. A simple app to view calendar, select the day, and create/update/delete a new appointment

This app is the front-end, for the back-end it uses the repository: https://github.com/gtenorlas/scheduler-api

Getting Started

Install dependencies with npm install.

Running Webpack Development Server

npm start

Running Jest Test Framework

npm test

Running Storybook Visual Testbed

npm run storybook

Dependencies

- Axios
- Classnames
- Normalize
- React
- React-dom
- React-scripts
- Jest
- Storybook
- Sass
- Babel
- Cypress

Project Structure

• public contains all images and initial index.html.
• src contains all components, hooks, styles, and tests
  • components contains all components
  • helpers contains all helper functions and its tests
  • hooks contains all React hooks and custom hooks
  • styles contains top level SCSS
  • stories contains all Storybook tests

Screenshots

Initial view upon load

Create appointment view

View when a day is fully booked

View when an appointment is selected

View of Storybook test

View of all Jest test

View of Cypress Appointment test