etseng02 / scheduler

Interview scheduler that is built using react. The scheduler makes axios requests to a database that stores the data and then updates the state to ensure that the components on the screen are updated in real time.

Interview Scheduler

This is an interview scheduler that is built using react. The scheduler makes axios requests to an api server to GET and POST data. The application updates the state to ensure that the components on the screen are updated in real time. If there is an error with the axios requests, the client will display an error message.

Setup

Install dependencies with npm install. Install and run API server found at: https://github.com/lighthouse-labs/scheduler-api Run application using npm start.

Running Webpack Development Server

npm start

Final Product

Here is the view of the scheduler. You can add an appointment by pressing any of the big plus buttons.

When you press the add appointment button, you will need to enter in the student name and slect the interviewer. The interviewer list is different depending on each day of the week. the interviewer list for the day is retrieved through an axios request to the server and then rendered in this view.

After hitting the save button you, if the save is sucessful it will go into the show view. If unsucessful, the save will error out.

If you would like to delete or edit any appointments you may do so. These actions will make axios requests to the database respectively.

Running Jest Test Framework

npm test

Running Storybook Visual Testbed

npm run storybook