takuyadev / interview-scheduler

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

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.

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
• API

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

npm start

Running Jest Test Framework

npm test

Running Storybook Visual Testbed

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