README.md

Hazen Zoom

Personalized class zoom link dashboard for students/teachers at Hazen High School¹. Create your own dashboard at https://hhszoom.garytou.com/

DEMO!

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 website².

Install

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.

Built with

• React (Create React App)
• Firebase (Realtime Database)
• Ant Design as UI framework
• bad-words to keep inputs clean
• cors-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