Scheduler is a single-page app built with React, Webpack, Babel, Axios, and Webpack Dev Server. I used Storybook, Jest, and Cypress for testing and development. This app allows you to schedule, edit, and delete appointments.
-
Fork and clone this repository.
-
Install dependencies with npm install.
-
Start the web server with npm start. The app will be served at http://localhost:8000/.
-
Both servers run concurrently; requests are proxied from the Webpack development server to the API server.
-
Visit http://localhost:8000/ in your browser.
-
Select a day of the week and add your appointment where a time slot is available.
-
You can edit or delete existing appointments.
-
Start the api with npm start. The api will be served at http://localhost:8001/. "scheduler api link"
- axios: "^0.26.0"
- classnames: "^2.2.6"
- normalize.css: "^8.0.1"
- react: "^16.9.0"
- react-dom: "^16.9.0"
- react-scripts: "3.0.0"
- "@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: "^7.0.2"
- babel-loader: "^8.0.5"
- cypress: "^9.5.1"
- node-sass: "^4.14.0"
- prop-types: "^15.8.1"
- react-test-renderer: "^16.9.0"
npm install
npm start
npm test
npm run storybook