Skip to content

FTGFLabs/Informatics-Schedule-Viewer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

7 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“… Informatics Schedule Viewer

This project is a simple frontend web page that displays today's and tomorrow's events from a public Google Calendar.


🌐 Live Features

  • Fetches events from a Google Calendar using the Google Calendar API.
  • Displays data in a styled HTML table.
  • Auto updates for today's and tomorrow's dates.
  • Localized in Thai (th-TH).

βš™οΈ Setup Instructions

1. Clone the Repository

git clone https://github.com/FTGFLabs/Informatics-Schedule-Viewer.git
cd calendar-fetch-api

2. Create config.js File

In the project root or next to your index.html, create a file named config.js with the following content:

const apiKey = 'yourGoogleCalendarApiKey';

πŸ›‘ Do not share your real API key in public repositories.

3. Open index.html in a Browser

You can simply double-click index.html to open it in your browser.

Or, to serve it with a local server (recommended to avoid CORS issues with some APIs):

npx serve .
# or use any local server like http-server, live-server, etc.

πŸ“ Notes

  • The calendar used is: pr@informatics.buu.ac.th
  • Make sure the calendar is publicly accessible, or the API will return empty results.
  • The script uses Thai locale and Asia/Bangkok timezone formatting.

πŸ“ File Structure

calendar-fetch-api/
β”œβ”€β”€ index.html       # Main frontend HTML page
β”œβ”€β”€ config.js        # Contains your API key (not included by default)
└── README.md        # Project documentation

πŸ“„ License

MIT License


πŸ‘€ Maintained by

FTGF Labs
GitHub

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages