An open API service indexing awesome lists of open source software.

https://github.com/pungrumpy/kmitl-wizard

๐Ÿง™โ€โ™‚๏ธ KMITL Schedule Table Extension
https://github.com/pungrumpy/kmitl-wizard

chrome-extension kmitl svelte vite

Last synced: 4 months ago
JSON representation

๐Ÿง™โ€โ™‚๏ธ KMITL Schedule Table Extension

Awesome Lists containing this project

README

          


๐Ÿง™โ€โ™‚๏ธ KMITL Wizard Extension Chrome




Turn your KMITL schedule into a beautiful and interactive table with the KMITL Schedule Table Extension. This tool enhances your standard schedule, making it visually appealing and easy to navigate. Enjoy features like color-coded classes, clickable links for additional details, and customizable layouts to suit your preferences.





Preview


Preview in dark mode




Preview


Preview in light mode





## ๐Ÿ”ฎ Features

- [x] Display schedule table
- [x] Display address of the classroom
- [x] Display time of the class
- [x] Download schedule table as an image
- [x] Copy schedule table to clipboard
- [x] Dark mode
- [x] Toaster notification (click to close)
- [x] Check for updates

## ๐Ÿง‘โ€๐Ÿ’ป Stacks

- [Svelte](https://svelte.dev/)
- [TypeScript](https://www.typescriptlang.org/)
- [Vite](https://vitejs.dev/)
- [CRXJS Vite Plugin](https://github.com/crxjs/chrome-extension-tools/blob/main/packages/vite-plugin/README.md)
- [Chrome Extensions Manifest V3](https://developer.chrome.com/docs/extensions/mv3/intro/)
- [Tailwind CSS](https://tailwindcss.com/)

## ๐Ÿšœ Development

To get started with development, follow these steps:

1. **Install dependencies:**

```bash
bun install
```

2. **Start development server with HMR (Hot Module Replacement):**

```bash
bun dev
```

## โš™๏ธ Build

To create a production build, run:

```bash
bun run build
```

This will compile the files into the `/dist` directory.

## ๐Ÿ“ฆ Load Unpacked Extensions

To load the extension into Chrome, follow these steps:

1. Open the Extension Management page by navigating to `chrome://extensions`.
2. Enable Developer Mode by clicking the toggle switch next to **"Developer mode"**.
3. Click the **"LOAD UNPACKED"** button and select the `/dist` directory.
4. For easier development, install the [Extensions Reloader](https://chromewebstore.google.com/detail/extensions-reloader/fimgfedafeadlieiabdeeaodndnlbhid) for automatic updates to `/dist`.

## ๐Ÿค Contribute

We invite you to contribute to **KMITL WIZARD**! Hereโ€™s how you can help:

- Open a pull request. We will review your code and approve it if it meets our standards. ๐Ÿ˜Ž
- Report a bug by opening an issue. ๐Ÿ›
- Add a new feature by opening an issue. ๐Ÿ’ก

## ๐Ÿซก Credits

This project is inspired by:

- [Svelte Typescript Chrome Extension Boilerplate](https://github.com/NekitCorp/chrome-extension-svelte-typescript-boilerplate)
- [KMITL +](https://github.com/t0ngk/KMITL-PLUS)
- [KMITL X](https://github.com/BossNz/kmitl-x)

## ๐Ÿ“„ License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.