Interview scheduler is an application for appointment booking. User can create new appointments, edit or delete(cance)l existing appointments. It is an single page application built with React. The data is fetched from an API server using PostSQL database.
-
The application will display a timeline for each day of the week, where the appointments and the spots left are shown.
-
The user can book an appointment on an empty spot by typing their name and select an interviewer. The spots will be updated automatically.
-
But the appointment cannot be booked when the input field is empty or no interviewer is selected.
-
The user can also edit the details of an existing appointment. But the change can be canceled whenever before clicking on "Save".
-
The user can delete an existing appointment. By deleting there will be an extra verification card to make sure that the user want to delete the appointment. The spots will be updated automatically.
-
All data are updated and saved to the server with each action, they would not be lost when refreshing the page.
- @testing-library/react-hooks"
- axios
- classnames
- normalize.css
- react
- react-dom
- react-scripts
Install dependencies with npm install
.
Fork and clone the scheduler-api into a new directory (not within the scheduler directory), and follow the instructions.
In the Terminal, cd
to the scheduler-api directory, and run npm start
In a new Terminal, cd
to the scheduler directory, and run npm start