React plugin for Google Spreadsheets to check conflicts in Innopolis University's schedule
This template was used for react integration: https://github.com/enuchi/React-Google-Apps-Script/tree/main
- Download node and pnpm package manager
- In the root of the project run
pnpm install - Enable the Google Apps Script API in your settings
- Login into your google spreadsheets account via
pnpm run login - Open the spreadsheet you wish to link the plugin to
- Open your Google Sheets document
- Go to
Extensions->Apps Script->Project settings - Find
Script IDand copy it
- Rename the
.clasp.json.EXAMPLEfile to.clasp.json - Open the above file and change it's contents to link the project
- DO NOT edit
rootDirfield - Change the
scriptIdfield to the value copied on step 5 - Change the
parentIdfield to the id of your spreadsheet. You can get it via spreadsheet url. For example: https://docs.google.com/spreadsheets/d/.../edit theidis at...
- DO NOT edit
- Next, follow either
Launch for productionif you intent on using the plugin andLaunch for developmentif you want to change the code for the plugin
- Run
pnpm run deploy(if prompts to update the manifest, accept) - Run
pnpm run open - After the page loads you will see
InNoHasslemenu item on top of your spreadsheet. Click the button and open the plugin. It will appear as a sidebar on your right
- Run
pnpm run start