Interview Scheduler

Interview Scheduler is a single page application that allows users to create, edit or delete appointments. The project allowed me to practice and improve my React skills with various hooks, custom hooks, axios requests and components as well as using Storybook, Just and Cypress to test. Getting the front end online and attaching it to the api which held the data was very exciting. Can be viewed at https://the-appointment-scheduler.netlify.app

Screenshots

Hovering on appointment

Editing or creating appointment

Confirm message before deletion

Spinning delete indicator

Setup

Install dependencies with npm install.

Running Webpack Development Server

npm start

Running Jest Test Framework

npm test

Running Storybook Visual Testbed

npm run storybook

##Extra Features

• Implemented the useReducer hook as opposed to useState.

• Used a webSocket to allow users to stay connected to eachother and see messages displayed in real time.

• Used CircleCI, Netlify and Heroku to automate a lot of the production and testing process.