Scheduler Project

React scheduler with up to five appointments per day. The information will be synced over multiple clients with the help of Web Sockets.

Final Product

Opening page

Landing page, with up to five appointments per day and dynamic counter for the remaining spots.

Creating a new appointment

Allows the creation (or edition) of an appointment, by entering the name and selecting the interviewer.

Contextual warnings

Warns the user if name field was left empty.

Adaptive design

Mobile ready platform.

Transition states

Saving and deleting animated transitions.

Deletion confirmation

Confirms deletion of appointments.

Error handling

Displays error in case of an error reaching the API.

Storybook Component Tests

Built-in storybook components tests.

Cypress E2E Tests

Built-in cypress end to end tests.

Jest Unit Tests

Built-in jest test coverage.

Dependencies

• axios
• classnames
• normalize.css
• react
• react-dom
• react-scripts

Getting Started

• Install all dependencies (using the npm install command).
• Get and install the server.
• Run both the server and the client.