Citadex 22 is a simple portal for showing notices, classes, files etc. in a single place. This app was built using React and Google Sheets API.
The structure is taken from buetcse17.github.io and Citadex18 named as Citadex.
Add announcements, see and filter by tags
HTML view of routine made by Jehadul Karim Sabit.
Published google sheet view of ct assignment dates
Drive links of our batch and our senior batchs
Currently hidden, but you can use it by uncommenting the lines
Download books and solution manuals of the current term.
All necessary files and links of this term gathered together.
- docs
- // react static files
- src
- route
- Books
- Drive
- Notice
- Classes
- Files
- ....
- App.js
- index.js
- index.css
- **myCongif.json**
- public
- index.html
- favicon
The myCongif.json contains some necessary keys. This is gitignored for safety purposes. It should be in the folder src/route along side books.js, class-link.js etc
the structure is
{
"CACHE_INTERVAL": 30000,
"CACHE_COMMENT": " ^ this is in milliseconds",
"SHEET_ID": YOUR_SHEET_ID,
"SHEET_BASEURL": YOUR_SHEET_BASE_URL,
"API_KEY": YOUR_GOOGLE_API_KEY,
"CT_URL": "",
"SEC_A_ROUTINE":"",
"SEC_B_ROUTINE":"",
"DRIVE_LINK": [
{
"name": "1-1",
"link": SOME_LINKS,
"senior_link": SOME_LINKS
},
{
"name": "1-2",
"link": SOME_LINKS,
"senior_link": SOME_LINKS
},
]
}The GET request format is structured in this way:
https://sheets.googleapis.com/v4/spreadsheets/SHEETS_ID/values/SHEET_NAME?key=GOOGLE_API_KEY
Next you need to:
-
Configure the sheet
-
Get the google api key
-
Deploy
npm install -g serve
npm run build
serve -s build
To deploy after any change in netlify
npm run build
netlify deploy --prod