kmitl-x

KO | EN

gitlite — search

#javascript #hacktoberfest #react #ai #golang #machine-learning #deep-learning #linux #macos #nodejs #awesome #awesome-list #mcp #open-source

(★ 11)

Transform your KMITL timetable into a sleek, modern, and user-friendly interface📦

kmitl-x Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 📦 KMITLX Extension Chrome

> Transform KMITL Student Information System UI/UX with enhanced features for a better experience.

<table>
        <tr>
            <td>
                <img src=".github/images/preview-dark.png" alt="Preview" width="100%" style="border-radius: 5px;">
                <p align="center">
                    Preview in dark mode
                </p>
            </td>
            <td>
                <img src=".github/images/preview-light.png" alt="Preview" width="100%" style="border-radius: 5px;">
                <p align="center">
                    Preview in light mode
                </p>
            </td>
        </tr>
    </table>
    
## 🔮 Features

-   [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

```bash
# install dependencies
yarn install

# build files to `/dist` directory
# HMR for extension pages and content scripts
yarn dev
```

## ⚙️ Build

```bash
# build files to `/dist` directory
$ yarn build
```

## 📦 Load unpacked extensions

[Getting Started Tutorial](https://developer.chrome.com/docs/extensions/mv3/getstarted/)

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. Install [Extensions Reloader](https://chromewebstore.google.com/detail/extensions-reloader/fimgfedafeadlieiabdeeaodndnlbhid) for auto update `/dist` to easy develop.

## 🤝 Contribute
we invite you to contribute kmitlx

- you can open pull request to this repo we will review your code and approve 😎

## 🫡 credit
> [Svelte Typescript Chrome Extension Boilerplate](https://github.com/NekitCorp/chrome-extension-svelte-typescript-boilerplate)

kmitl-x

kmitl-x Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

kmitl-x

kmitl-x Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README