https://github.com/takuyadev/interview-scheduler

Project at Lighthouse Labs, created using React, with using TDD (Test Driven Development)
https://github.com/takuyadev/interview-scheduler

css cypress html javascript jest lighthouse-labs react react-testing-library storybook websocket

Last synced: 15 days ago
JSON representation

Project at Lighthouse Labs, created using React, with using TDD (Test Driven Development)

• Host: GitHub
• URL: https://github.com/takuyadev/interview-scheduler
• Owner: takuyadev
• Created: 2023-04-17T18:30:46.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-04-27T17:19:05.000Z (almost 2 years ago)
• Last Synced: 2024-12-09T14:40:35.127Z (2 months ago)
• Topics: css, cypress, html, javascript, jest, lighthouse-labs, react, react-testing-library, storybook, websocket
• Language: JavaScript
• Homepage: https://interviewer-scheduler.netlify.app/
• Size: 1.3 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Interview Scheduler

Application created using React.js that shows all appointments, organized by day, and be able to create, update and delete any appointments based on the request the client makes to the scheduler API. Any updates will be automatically updated and rerendered on the every client, using Websocket.

!["Screenshot of homepage"](https://github.com/takuyadev/interview-scheduler/blob/master/docs/homepage.png?raw=true)

!["Screenshot of deleting process"](https://github.com/takuyadev/interview-scheduler/blob/master/docs/homepage_delete.png?raw=true)

## Live Website

> If there are issues with slow load, please note that it may take server a little while before it comes up from sleep, so it may take a longer time to load on first load, if it was not initialized for a while.

- [Website](https://interviewer-scheduler.netlify.app/)

- [API](https://scheduler-api-production-cd67.up.railway.app/)

### Endpoints for API

- `/api/days`: GET all days (Mon-Fri)

- `/api/interviewers`: GET all interviewers

- `/api/appointments`: GET all appointments OR PUT one appointment

## Techstack

- React.js

- axios

- Storybook

- React Testing Library

- Jest

- Cypress

- Websocket

## Setup Frontend

This project was created using React.js v16.9.0, as well as running a development database server API. If there are any issues with installation, please make sure to downgrade or upgrade React for best compatability as well as setting up your backend.

1. Use React v16.9.0 (using nvm or other version managers)

2. Clone repository onto your local machine

3. 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

```

## Setup Backend

To setup your backend for development, please look through this API to run it on your local machine.

https://github.com/takuyadev/scheduler-api