Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/todd-demone/scheduler

A React application that allows a student to create, edit and delete interview appointments.
https://github.com/todd-demone/scheduler

react

Last synced: about 10 hours ago
JSON representation

A React application that allows a student to create, edit and delete interview appointments.

Host: GitHub
URL: https://github.com/todd-demone/scheduler
Owner: todd-demone
Created: 2022-02-19T23:59:42.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2022-03-26T20:25:46.000Z (over 2 years ago)
Last Synced: 2023-03-10T16:41:50.695Z (over 1 year ago)
Topics: react
Language: JavaScript
Homepage:
Size: 20.2 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Interview Scheduler

The Interview Scheduler application is a [React](https://reactjs.org/) application that allows a student to create, edit and delete interview appointments.

## Purpose

I created the Interview Scheduler application while completing the [Lighthouse Labs](https://github.com/lighthouse-labs) [Web Development Flex Program](https://www.lighthouselabs.ca/en/web-development-flex-program).

Data is retrieved from an [API](https://github.com/todd-demone/scheduler-api) provided by Lighthouse Labs. Testing was performed using the [Jest](https://jestjs.io/) testing framework and the [Storybook](https://storybook.js.org/) visual test bed.

## Screenshots

#### Using sidebar to switch calendar view

![Switch calendar view](https://raw.githubusercontent.com/todd-demone/scheduler/main/docs/scheduler-5-large-file.gif)

#### Adding an interview

![Add interview](https://raw.githubusercontent.com/todd-demone/scheduler/main/docs/scheduler-6-large.gif)

#### Editing an interview

![Edit interview](https://raw.githubusercontent.com/todd-demone/scheduler/main/docs/scheduler-7-large.gif)

#### Deleting an interview

![Delete interview](https://raw.githubusercontent.com/todd-demone/scheduler/main/docs/scheduler-8-large.gif)

## Getting Started

The following instructions assume you have [git](https://git-scm.com/) and [Node.js](https://nodejs.org/) version 10.16.1 installed on your computer.

Clone the repository and run the app using the following commands in the terminal:

```

git clone [email protected]:todd-demone/scheduler.git

cd scheduler

npm install     // install all of the dependencies

npm start       // start the Webpack development server

```

To use the app, go to  in your browser.

## Dependencies

* [Node.js](https://nodejs.org/) version 10.16.1

* [React](https://reactjs.org/)

* [Axios](https://axios-http.com/)

* [Classnames](https://www.npmjs.com/package/classnames)

* [Jest](https://jestjs.io/)

* [Storybook](https://storybook.js.org/)

## Author

[Todd Demone](https://github.com/todd-demone)