Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/garyhtou/Hazen-Zoom
Individual personalized dashboards with Zoom links for classes at Hazen High School
https://github.com/garyhtou/Hazen-Zoom
dashboard firebase hazen react zoom
Last synced: about 1 month ago
JSON representation
Individual personalized dashboards with Zoom links for classes at Hazen High School
- Host: GitHub
- URL: https://github.com/garyhtou/Hazen-Zoom
- Owner: garyhtou
- License: mit
- Archived: true
- Created: 2020-09-02T10:19:48.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2021-10-18T05:20:51.000Z (almost 3 years ago)
- Last Synced: 2024-05-31T17:27:19.531Z (3 months ago)
- Topics: dashboard, firebase, hazen, react, zoom
- Language: JavaScript
- Homepage: https://hhszoom.garytou.com
- Size: 814 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-hackclub - Hazen Zoom - [@garyhtou](https://github.com/garyhtou) - **(JavaScript)** _Individual personalized dashboards with Zoom links for classes at Hazen High School_ (Web Apps)
README
# Hazen Zoom
Personalized class zoom link dashboard for students/teachers at Hazen High School1. Create your own dashboard at [https://hhszoom.garytou.com/](https://hhszoom.garytou.com/)
[**DEMO!**](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//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](https://hazen.rentonschools.us/class-of-2020/links-to-zoom-classrooms)2.
## 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`](src/firebase.js)
`npm install`
`npm run start`
**Firebase Realtime Database rules:**
```JSON
{
"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](https://reactjs.org/docs/create-a-new-react-app.html))
- Firebase ([Realtime Database](https://firebase.google.com/docs/database))
- [Ant Design](https://ant.design/) as UI framework
- [`bad-words`](https://www.npmjs.com/package/bad-words) to keep inputs clean
- [`cors-anywhere`](https://cors-anywhere.herokuapp.com/) 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`](https://github.com/sarthaktexas/zoom-dashboard)