🧙‍♂️ 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 in dark mode

Preview in light mode

🔮 Features

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

🧑‍💻 Stacks

• Svelte
• TypeScript
• Vite
• CRXJS Vite Plugin
• Chrome Extensions Manifest V3
• Tailwind CSS

🚜 Development

To get started with development, follow these steps:

1. Install dependencies:

   bun install

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

   bun dev

⚙️ Build

To create a production build, run:

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 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
• KMITL +
• KMITL X

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.