Skip to content

katy-arushi/scheduler

Repository files navigation

Interview Scheduler

This single page app has been built with React, and allows users to book, edit, and delete interview appointments with the interviewer of their choice. Users can save appointments and view the entire schedule of appointments happening from Monday to Friday.

The app makes requests to an API here to fetch and update appointment data from a database.

As with all modern React apps, the Scheduler app features dynamic rendering of components, updating as the state of the data changes.

Access the deployed app here!

Netlify Status

Features

  • ⭐ State management using custom hooks
  • ⭐ Unit and integration testing using Jest
  • ⭐ UI Component testing done using Storybook
  • ⭐ End-to-end testing using Cypress
  • ⭐ Continuous integration using Circle CI
  • ⭐ Server deployed to Heroku, client deployed to Netlify

Purpose

This project was created and published by Arushi Katyal as part of the Web Development Program at Lighthouse Labs.

Screenshots

App Overview

"scheduler overview gif"

App Homepage

"scheduler homepage"

Delete Appointment Confirmation

"scheduler delete appointment"

Setup

  • Install dependencies with npm install.
  • Fork and clone the Scheduler API project outside of the Scheduler project directory.

Dependencies

  • axios: ^0.24.0
  • classnames: ^2.2.6
  • normalize.css: ^8.0.1
  • react: ^16.9.0
  • react-dom: ^16.9.0
  • react-hooks-testing-library: ^0.6.0
  • react-scripts: 3.0.0

Running Webpack Development Server

npm start

Running Jest Test Framework

npm test

Running Storybook Visual Testbed

npm run storybook

About

Single page React app that allows users to book, edit, and delete interview appointments. Uses Axios to make API requests, deployed on Heroku & Netlify and uses CircleCI.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published