Scheduler Project

React scheduler with up to five appointments per day.

Link (data may be on sleep mode)

Deployed api server using Heroku + CircleCI for build integration + Netlify for hosting the production code.

Tested with Jest + React-testing-library for unit tests and integration. Tested with Cypress for E2E.

Final Product

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.