- Interviews can be booked between Monday and Friday.
- A user can switch between weekdays.
- A user can book an interview in an empty appointment slot.
- Interviews are booked by typing in a student name and clicking on an interviewer from a list of available interviewers.
- A user can cancel an existing interview.
- A user can edit the details of an existing interview.
- The list of days informs the user how many slots are available for each day.
- The expected day updates the number of spots available when an interview is booked or canceled.
- A user is presented with a confirmation when they attempt to cancel an interview.
- A user is shown an error if an interview cannot be saved or deleted.
- A user is shown a status indicator while asynchronous operations are in progress.
- When the user presses the close button of the error they are returned to the Form or Show view (skipping Status and Confirm).
- The application makes API requests to load and persist data. We do not lose data after a browser refresh.
![](https://github.com/raincouver/scheduler/raw/master/public/gifs/add_appointment.gif)
![](https://github.com/raincouver/scheduler/raw/master/public/gifs/edit.gif)
![](https://github.com/raincouver/scheduler/raw/master/public/gifs/delete.gif)
![](https://github.com/raincouver/scheduler/raw/master/public/gifs/error_handling.gif)
- Clone this repository.
- Install the scheduler dependencies with
npm install
.
- Clone the scheduler-api repository.
- Install the scheduler-api dependencies with
npm install
.
- Login to the the PostgreSQL server with the username development and the password development. Use the command
psql -U development
.
- Create the database with the command
CREATE DATABASE scheduler_development;
.
- Within the scheduler-api root folder, copy and paste the .env.example file. Name the new file .env.development.
- In the .env.development file, add the following PostgreSQL configiration:
PGHOST=localhost
PGUSER=development
PGDATABASE=scheduler_development
PGPASSWORD=development
PGPORT=5432
- Run the scheduler-api with the command
npm start
.
- Perform a database reset by navigating to http://localhost:8001/api/debug/reset in your browser.
- In a seperate terminal window, navigate to the scheduler root folder and use the command
npm start
to run the scheduler.
- Visit http://localhost:8000/ in your browser and check out the scheduler! The scheduler should
now be populated with data from the scheduler-api.
Running Webpack Development Server
Running Jest Test Framework
Running Storybook Visual Testbed
- "axios": "^0.20.0",
- "classnames": "^2.2.6",
- "cypress": "^9.7.0",
- "normalize.css": "^8.0.1",
- "react": "^16.9.0",
- "react-dom": "^16.9.0",
- "react-scripts": "3.4.4"