https://github.com/wanjinyoo/scheduler

Interview Scheduler is a single-page that allows users to book an interview appointment through the app.
https://github.com/wanjinyoo/scheduler

expressjs reactjs socket-io

Last synced: 3 months ago
JSON representation

Interview Scheduler is a single-page that allows users to book an interview appointment through the app.

• Host: GitHub
• URL: https://github.com/wanjinyoo/scheduler
• Owner: WanjinYoo
• Created: 2020-12-05T06:24:25.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-06-19T15:07:09.000Z (about 2 years ago)
• Last Synced: 2025-12-09T23:36:15.670Z (7 months ago)
• Topics: expressjs, reactjs, socket-io
• Language: JavaScript
• Homepage:
• Size: 5.63 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 30
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Interview Scheduler

Interview Scheduler is a single-page that allows users to book an interview appointment through the app.

ReactJS, WebSocket and SASS were used to design front-end part of the website.

UseReducer,UseEffect and UseState hooks were used for state management.

WebSocket updates the website without refreshing.

Node js, Express js and POSTGRES for back-end part.

The app is currently deployed on Netlify with its POSTGRES database server on Heroku.

(https://5fdb4ff97aceef0007957bae--admiring-curran-a773c7.netlify.app/)

80% test coverage from JEST

## Setup

Install dependencies with `npm install`.

## Running Webpack Development Server

```sh

npm start

```

## Running Jest Test Framework

```sh

npm test

```

## Running Storybook Visual Testbed

```sh

npm run storybook

```

## Running Cypress Test

```sh

npm run cypress

```

## Final Product

 **No appointments**

!["No appointments"](https://github.com/WanjinYoo/scheduler/blob/master/images/empty.png)

  **Form**

!["Form"](https://github.com/WanjinYoo/scheduler/blob/master/images/form.png)

 **Invalid input**

!["Invalid input"](https://github.com/WanjinYoo/scheduler/blob/master/images/errorhandling.png)

 **Appoitnment Added**

!["Appoitnment Added"](https://github.com/WanjinYoo/scheduler/blob/master/images/added.png)

 **Confirmation Message**

!["Confirmation Message"](https://github.com/WanjinYoo/scheduler/blob/master/images/confirmation.png)

 **Deleted and remaing spot incremented by 1**

!["Desktop version"](https://github.com/WanjinYoo/scheduler/blob/master/images/deleted.png)

  **Fully booked**

!["Fully booked"](https://github.com/WanjinYoo/scheduler/blob/master/images/fullybooked.png)

## Dependencies

ClientSide

- axios

- classnames

- node-sass

- normalize

- react

- react-dom

- react-scripts

ServerSide

- body-parser

- cor

- dotenv

- express

- helment

- pg

- socket.io

- ws