Personalized class zoom link dashboard for students/teachers at Hazen High School1. Create your own dashboard at https://hhszoom.garytou.com/
This custom dashbaords feature:
- Consolidated zoom links.
- Your upcoming class will be displayed with its Zoom join button (based on your schedule and the current time).
- Visting https://hazen.launchto.me/<YOUR_CUSTOM_URL>/go, will automatically redirected you to your upcoming class's zoom link.
- Quick links to important sites such as Canvas, Hazen's website, etc.
- Bell Schedule
Zoom links are collected through web scraping Hazen High School's website2.
Clone the repository: git clone https://github.com/garytou2/hazen-zoom
If you would like to connect your own database, create your own firebase project and change the config in src/firebase.js
npm install
npm run start
Firebase Realtime Database rules:
{
"rules": {
".read": true,
".write": false,
"registrations": {
".read": true,
".write": "!data.exists()",
"$username": {
".read": true,
".write": "!data.exists()"
}
},
"inital": {
".read": true,
"$userInital": {
".read": true,
".write": "!data.exists()",
".validate": "newData.isBoolean()"
}
},
"data": {
".read": true,
".write": false
}
}
}
Note: .write
for data
will need to be toggled to true
if saving new Data web scraping website.
- React (Create React App)
- Firebase (Realtime Database)
- Ant Design as UI framework
bad-words
to keep inputs cleancors-anywhere
for client-side scraping
[1]: This was NOT built at the request of Hazen High School or Renton School District. This was just a small personal side project!
[2]: Zoom links were removed from the website on Monday, 9/14/2020. Dashboards are now using data cached from 9/11/2020 10am PDT.
Inspired by sarthaktexas/zoom-dashbaord