View the test app @ https://maple.notmarc.me
An all-in-one webapp for CPS students. Check your grades, attendance, bus times, and more. Built on Framework7 + React.
- Virtual ID system w/ scannable barcode
- Full Aspen Integration, which allows the ability to check
- Grades, schedule, attendance, recent assignments, transcript, & more.
- Check CTA bus times
- Access to school/CPS annoucements
- App does not work on CPS-issued Chromebooks or the CPS network due to the unique way the app makes requests to Aspen. Unfortunately, this cannot be fixed as this is an issue with the CPS network.
- Node.js w/ npm
First, clone the repo using git:
git clone https://github.com/imedra/Maple
Then, install the required dependencies.
npm install
For running locally, make sure to add server.https in vite.config.js, or provide your own SSL/HTTPS certificate.
For running on the cloud (Heroku, Azure, DigitalOcean, etc.), leave the config as is. Most likely, they will provide one for you.
- 🔥
start- run development server - 🔧
dev- run development server - 🔧
build- build web app for production
There is a Vite bundler setup. It compiles and bundles all "front-end" resources. You should work only with files located in /src folder. Vite config located in vite.config.js.
Assets (icons, splash screens) source images located in assets-src folder. To generate your own icons and splash screen images, you will need to replace all assets in this directory with your own images (pay attention to image size and format), and run the following command in the project directory:
framework7 assets
Or launch UI where you will be able to change icons and splash screens:
framework7 assets --ui
- Created by Marc Bernardino
- Backend code sourced from Kevin Gao/GradeTreeCPS
This project is licenced via MIT.