Skip to content

About

With this application, a student can create, edit and delete interview appointments.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Repository files navigation

Scheduler Project

Scheduler is a SPA ( single-page-application) project, where students can create, edit, and delete interview appointments in real time.

React Library is used to build the front end, axios is used to fetch external API, StoryBook is used to design components in isolation, Jet Test Framework is used for unit and integration testing, and Cypress is used for end-to-end testing.

This is my fifth project at LHL after Lotide, TinyApp, Tweeter, and midterm project Bake-It-Up

Final Product

Landing Page

"Landing Page"

Edit Appointment

"Edit"

Error Display: Student name cannot be blank

"Error"

Dependencies

  • axios:0.27.2
  • classnames: ^2.2.6
  • normalize.css: ^8.0.1
  • react: ^16.14.0
  • react-dom: ^16.9.0
  • react-scripts: 3.4.4

Dev-Dependencies

  • @babel/core: ^7.4.3
  • @storybook/addon-actions: ^5.0.10
  • @storybook/addon-backgrounds: ^5.0.10
  • @storybook/addon-links: ^5.0.10
  • @storybook/addons: ^5.0.10
  • @storybook/react: ^5.0.10
  • @testing-library/jest-dom: ^4.0.0
  • @testing-library/react: ^8.0.7
  • @testing-library/react-hooks: ^8.0.1
  • babel-loader: ^8.0.5
  • prop-types: ^15.8.1
  • react-test-renderer: ^16.14.0
  • sass: ^1.53.0

Getting Started

Install dependencies with npm install.

Running Webpack Development Server

npm start

Running Jest Test Framework

npm test

Running Storybook Visual Testbed

npm run storybook

Hope you enjoy the app and have a nice day :D

About

With this application, a student can create, edit and delete interview appointments.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages