Interview Scheduler is a Single Page Application for tracking students interviews built with the latest tools and techniques for optimized user experience. The App utilizes React built-in and custom hooks and allows users to add, edit and delete appointments in real time. Data is persisted by the API server using a PostgreSQL database. The client application communicates with an API server over HTTP, using the JSON format. For quality assurance, the project follows best practices of TDD (Test Driven Development), where individual Components are tested in isolation as well as End-to-End testing is performed.
Features are as follows:
- Appointment days (Monday to Friday) are displayed and colour-coordinated depending on availability
- The days show the number of slots available as a snapshot of the week
- A user can switch between days and see detailed information
- Booked and available slots are clearly differentiated
- A user can book interviews by typing in a student name and clicking on an interviewer from a list of interviewers
- A user can change the details of an existing interview by pressing the edit icon
- A user can cancel an existing interview, a pop-up message will ask to confirm the action before permanently deleting an interview
- Days display currently remaining spots and capture updates after each modification
Install dependencies with npm install.
npm startnpm testnpm run storybooki. Axios ii. Classnames iii. Normalize.css iv. React v. React-dom vi. React-scripts vii. Babel/core viii. Storybook/addon-actions ix. Storybook/addon-backgrounds x. Storybook/addon-links xi. Storybook/addons xii. Storybook/react xiii. Testing-library/jest-dom xiv. Testing-library/react xv. Testing-library/react-hooks xvi. Babel-loader xvii. Node-sass xviii. Prop-types xix.React-test-renderer