Scheduler is a basic application created for LightHouseLabs.ca to exercise our skills to date in the course with Javascript and ReactJS. An introduction to Storybook React component builder was also implemented.
Scheduler also builds upon our learning to implement Jest and Cypress test platforms. * Test modules were extensively modified to work with our extra features like modal windows in this version.
Clone the repository to your computer. You'll also need the scheduler server and SQL data that is available on a separate github repository here.
Install dependencies with npm install.
- Run Webpack Development Server
npm start- Run Jest Test Framework
npm test- Run Storybook Visual Testbed
npm run storybook- Visit
http://localhost:8000/in your web browser to start Scheduler app.
( back to top 🔺)
- create, add, edit and delete scheduled interviews through any of the days
- jump to different day of the week through the left sidebar
- websocket support so app can auto update across all open instances
-
start app on "today" vs a default of Monday - if used on Saturday or Sunday, then default to Monday
-
prevent opening form/edits if delete confirmation panel is open
-
limit interview add form to only 1 spot at a time (original code allowed multiple forms open needlessly)
-
create reusable modal window React component for:
- cookies notice and privacy policy modal windows
- about Scheduler modal window
-
create reusable "tooltips" React component
-
add social media links
-
create resuable "dark mode" React component using React Context
- toggle mode via the 'about (? icon)' modal window
( back to top 🔺)
- toggle mode via the 'about (? icon)' modal window
- continued experimentation through ReactJS components
( back to top 🔺)
- none known
- be sure to report any found bugs on Github!
( back to top 🔺)
- conColors library (modals & misc animations)
- FontAwesome (various icons)
- Node.js
- PostgreSQL
- SCSS (CSS)
- ReactJS
( back to top 🔺)
- Get the latest of our version of Scheduler on Github here.
- A front end dashboard is also available here
( back to top 🔺)
