Skip to content
BranchesTags

Repository files navigation

Bodindecha 2 Electives

Fast and student-friendly electives management system for Bodindecha (Sing Singhaseni) 2 School.

Screenshot of the application

Why?

This project aims to improve the existing Electives system at Bodindecha (Sing Singhaseni) 2 School. Providing a fast and student-friendly interface for students to view available subjects, see their details, and make selections.

Issues with the previous system

The previous system incredibly slow, being server-rendered by PHP on a mid-end server. This caused frequent timeouts and freezes when thousands of students tried to access the system at the same time.
There are also other issues, such as students not being to view details of subjects before the registration period, or overbooking, needing manual intervention from teachers to resolve such conflicts, or UX issues like students needing to refresh to view latest information, or needing to input credentials during high server load.

How are we solving it?

Backend

  • Using Ktor allows us to ergonomically create a server that can handle high loads of traffic in a short amount of time.
  • Protocol Buffers provide a compact binary format for data exchange, making it efficient to send and receive data between the server and clients.
  • PostgreSQL is a performant and reliable relational database. We are using PostgreSQL JDBC with JetBrains Exposed.
  • WebSockets allow students and teachers to get up-to-date information without needing to refresh.

Frontend

  • Built with SolidJS and TanStack Router, fully client-sided. We provide a small-sized, responsive, and interactive user interface for students to view and select subjects easier and faster.
    Being fully client-sided also means the frontend can be fully cached through services like Cloudflare to prevent downtime from too many requests hitting the server at once!
    Serving content manually was one of the bottlenecks with the previous system, so we intend to serve the frontend through Cloudflare instead, which should fix slow loads on clients.

Security policy

Please refer to SECURITY.md.

Contributing

Please refer to CONTRIBUTING.md.

License

This project is licensed under CC BY-NC-SA 4.0.

Graphic assets (PNG, JPG, WEBP, ICO, etc.) in this project have all rights reserved by their respective owners.

About

Fast and student-friendly electives management solution for Bodindecha (Sing Singhaseni) 2 School.

Topics

elective-courseelectivesfull-stackschoolschool-managementschool-project

Resources

Readme
License

Contributing

Contributing

Security policy

Security policy
Activity
Custom properties

Stars

1 star

Watchers

0 watching

Forks

0 forks
Report repository

Releases

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all 
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
GitHub - bodin2/electives: Fast and student-friendly electives management solution for Bodindecha (Sing Singhaseni) 2 School. · GitHub
Skip to content
BranchesTags
Repository files navigation
Bodindecha 2 Electives
Fast and student-friendly electives management system for Bodindecha (Sing Singhaseni) 2 School.
Screenshot of the application
Why?
This project aims to improve the existing Electives system at Bodindecha (Sing Singhaseni) 2 School.
Providing a fast and student-friendly interface for students to view available subjects, see their details, and make selections.
Issues with the previous system
The previous system incredibly slow, being server-rendered by PHP on a mid-end server. This caused frequent timeouts and freezes when thousands of students tried to access the system at the same time.

There are also other issues, such as students not being to view details of subjects before the registration period, or overbooking, needing manual intervention from teachers to resolve such conflicts, or UX issues like students needing to refresh to view latest information, or needing to input credentials during high server load.
How are we solving it?
Backend
  • Using Ktor allows us to ergonomically create a server that can handle high loads of traffic in a short amount of time.
  • Protocol Buffers provide a compact binary format for data exchange, making it efficient to send and receive data between the server and clients.
  • PostgreSQL is a performant and reliable relational database.
We are using PostgreSQL JDBC with JetBrains Exposed.
  • WebSockets allow students and teachers to get up-to-date information without needing to refresh.
Frontend
  • Built with SolidJS and TanStack Router, fully client-sided. We provide a small-sized, responsive, and interactive user interface for students to view and select subjects easier and faster.
    
Being fully client-sided also means the frontend can be fully cached through services like Cloudflare to prevent downtime from too many requests hitting the server at once!
    
Serving content manually was one of the bottlenecks with the previous system, so we intend to serve the frontend through Cloudflare instead, which should fix slow loads on clients.
Security policy
Please refer to SECURITY.md.
Contributing
Please refer to CONTRIBUTING.md.
License
This project is licensed under CC BY-NC-SA 4.0.
Graphic assets (PNG, JPG, WEBP, ICO, etc.) in this project have all rights reserved by their respective owners.
About
Fast and student-friendly electives management solution for Bodindecha (Sing Singhaseni) 2 School.
Topics
elective-courseelectivesfull-stackschoolschool-managementschool-project
Resources
Readme
License
Contributing
Contributing
Security policy
Security policy
Activity
Custom properties
Stars
1 star
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Force GitHub README to respect dark mode
(function() {
var style = document.createElement('style');
style.textContent = '
.markdown-body {
color-scheme: dark light;
}
.markdown-body pre { background: #161b22 !important; }
.markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }
.markdown-body table th, .markdown-body table td { border-color: #30363d !important; }
.markdown-body img { background: #0d1117; }
.markdown-body blockquote { border-left-color: #8b949e; }
.markdown-body hr { border-color: #30363d; }
';
document.head.appendChild(style);
})();
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - bodin2/electives: Fast and student-friendly electives management solution for Bodindecha (Sing Singhaseni) 2 School. · GitHub
Skip to content
BranchesTags
Repository files navigation
Bodindecha 2 Electives
Fast and student-friendly electives management system for Bodindecha (Sing Singhaseni) 2 School.
Screenshot of the application
Why?
This project aims to improve the existing Electives system at Bodindecha (Sing Singhaseni) 2 School.
Providing a fast and student-friendly interface for students to view available subjects, see their details, and make selections.
Issues with the previous system
The previous system incredibly slow, being server-rendered by PHP on a mid-end server. This caused frequent timeouts and freezes when thousands of students tried to access the system at the same time.

There are also other issues, such as students not being to view details of subjects before the registration period, or overbooking, needing manual intervention from teachers to resolve such conflicts, or UX issues like students needing to refresh to view latest information, or needing to input credentials during high server load.
How are we solving it?
Backend
  • Using Ktor allows us to ergonomically create a server that can handle high loads of traffic in a short amount of time.
  • Protocol Buffers provide a compact binary format for data exchange, making it efficient to send and receive data between the server and clients.
  • PostgreSQL is a performant and reliable relational database.
We are using PostgreSQL JDBC with JetBrains Exposed.
  • WebSockets allow students and teachers to get up-to-date information without needing to refresh.
Frontend
  • Built with SolidJS and TanStack Router, fully client-sided. We provide a small-sized, responsive, and interactive user interface for students to view and select subjects easier and faster.
    
Being fully client-sided also means the frontend can be fully cached through services like Cloudflare to prevent downtime from too many requests hitting the server at once!
    
Serving content manually was one of the bottlenecks with the previous system, so we intend to serve the frontend through Cloudflare instead, which should fix slow loads on clients.
Security policy
Please refer to SECURITY.md.
Contributing
Please refer to CONTRIBUTING.md.
License
This project is licensed under CC BY-NC-SA 4.0.
Graphic assets (PNG, JPG, WEBP, ICO, etc.) in this project have all rights reserved by their respective owners.
About
Fast and student-friendly electives management solution for Bodindecha (Sing Singhaseni) 2 School.
Topics
elective-courseelectivesfull-stackschoolschool-managementschool-project
Resources
Readme
License
Contributing
Contributing
Security policy
Security policy
Activity
Custom properties
Stars
1 star
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Highlight search terms from Google/DuckDuckGo/Bing referrer
(function() {
var ref = document.referrer;
var terms = [];
if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {
var url = new URL(ref);
var q = url.searchParams.get('q') || url.searchParams.get('p');
if (q) {
terms = q.split(/\s+/).filter(function(t) { return t.length > 2; });
}
}
if (terms.length === 0) return;
var style = document.createElement('style');
style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';
document.head.appendChild(style);
function highlight(node) {
if (node.nodeType === 3) { // text node
var text = node.textContent;
var found = false;
terms.forEach(function(term) {
var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi');
if (regex.test(text)) {
found = true;
var frag = document.createDocumentFragment();
var parts = text.split(regex);
parts.forEach(function(part, i) {
if (i % 2 === 0) {
frag.appendChild(document.createTextNode(part));
} else {
var span = document.createElement('span');
span.className = 'userscript-highlight';
span.textContent = part;
frag.appendChild(span);
}
});
node.parentNode.replaceChild(frag, node);
}
});
} else if (node.nodeType === 1 && node.childNodes) { // element
var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];
if (!skipTags.includes(node.tagName)) {
Array.from(node.childNodes).forEach(highlight);
}
}
}
highlight(document.body);
// Re-highlight on dynamic content
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1 || node.nodeType === 3) highlight(node);
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - bodin2/electives: Fast and student-friendly electives management solution for Bodindecha (Sing Singhaseni) 2 School. · GitHub
Skip to content
BranchesTags
Repository files navigation
Bodindecha 2 Electives
Fast and student-friendly electives management system for Bodindecha (Sing Singhaseni) 2 School.
Screenshot of the application
Why?
This project aims to improve the existing Electives system at Bodindecha (Sing Singhaseni) 2 School.
Providing a fast and student-friendly interface for students to view available subjects, see their details, and make selections.
Issues with the previous system
The previous system incredibly slow, being server-rendered by PHP on a mid-end server. This caused frequent timeouts and freezes when thousands of students tried to access the system at the same time.

There are also other issues, such as students not being to view details of subjects before the registration period, or overbooking, needing manual intervention from teachers to resolve such conflicts, or UX issues like students needing to refresh to view latest information, or needing to input credentials during high server load.
How are we solving it?
Backend
  • Using Ktor allows us to ergonomically create a server that can handle high loads of traffic in a short amount of time.
  • Protocol Buffers provide a compact binary format for data exchange, making it efficient to send and receive data between the server and clients.
  • PostgreSQL is a performant and reliable relational database.
We are using PostgreSQL JDBC with JetBrains Exposed.
  • WebSockets allow students and teachers to get up-to-date information without needing to refresh.
Frontend
  • Built with SolidJS and TanStack Router, fully client-sided. We provide a small-sized, responsive, and interactive user interface for students to view and select subjects easier and faster.
    
Being fully client-sided also means the frontend can be fully cached through services like Cloudflare to prevent downtime from too many requests hitting the server at once!
    
Serving content manually was one of the bottlenecks with the previous system, so we intend to serve the frontend through Cloudflare instead, which should fix slow loads on clients.
Security policy
Please refer to SECURITY.md.
Contributing
Please refer to CONTRIBUTING.md.
License
This project is licensed under CC BY-NC-SA 4.0.
Graphic assets (PNG, JPG, WEBP, ICO, etc.) in this project have all rights reserved by their respective owners.
About
Fast and student-friendly electives management solution for Bodindecha (Sing Singhaseni) 2 School.
Topics
elective-courseelectivesfull-stackschoolschool-managementschool-project
Resources
Readme
License
Contributing
Contributing
Security policy
Security policy
Activity
Custom properties
Stars
1 star
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Strip utm_, fbclid, gclid, etc. from all links on page
(function() {
var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',
'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',
'ref', 'ref_src', 'source', 'medium', 'campaign'];
function cleanUrl(url) {
try {
var u = new URL(url, window.location.origin);
var changed = false;
trackingParams.forEach(function(p) {
if (u.searchParams.has(p)) {
u.searchParams.delete(p);
changed = true;
}
});
return changed ? u.toString() : url;
} catch (e) {
return url;
}
}
function cleanLinks() {
document.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
cleanLinks();
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1) {
if (node.tagName === 'A') cleanLinks();
node.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '
GitHub - bodin2/electives: Fast and student-friendly electives management solution for Bodindecha (Sing Singhaseni) 2 School. · GitHub
Skip to content
BranchesTags
Repository files navigation
Bodindecha 2 Electives
Fast and student-friendly electives management system for Bodindecha (Sing Singhaseni) 2 School.
Screenshot of the application
Why?
This project aims to improve the existing Electives system at Bodindecha (Sing Singhaseni) 2 School.
Providing a fast and student-friendly interface for students to view available subjects, see their details, and make selections.
Issues with the previous system
The previous system incredibly slow, being server-rendered by PHP on a mid-end server. This caused frequent timeouts and freezes when thousands of students tried to access the system at the same time.

There are also other issues, such as students not being to view details of subjects before the registration period, or overbooking, needing manual intervention from teachers to resolve such conflicts, or UX issues like students needing to refresh to view latest information, or needing to input credentials during high server load.
How are we solving it?
Backend
  • Using Ktor allows us to ergonomically create a server that can handle high loads of traffic in a short amount of time.
  • Protocol Buffers provide a compact binary format for data exchange, making it efficient to send and receive data between the server and clients.
  • PostgreSQL is a performant and reliable relational database.
We are using PostgreSQL JDBC with JetBrains Exposed.
  • WebSockets allow students and teachers to get up-to-date information without needing to refresh.
Frontend
  • Built with SolidJS and TanStack Router, fully client-sided. We provide a small-sized, responsive, and interactive user interface for students to view and select subjects easier and faster.
    
Being fully client-sided also means the frontend can be fully cached through services like Cloudflare to prevent downtime from too many requests hitting the server at once!
    
Serving content manually was one of the bottlenecks with the previous system, so we intend to serve the frontend through Cloudflare instead, which should fix slow loads on clients.
Security policy
Please refer to SECURITY.md.
Contributing
Please refer to CONTRIBUTING.md.
License
This project is licensed under CC BY-NC-SA 4.0.
Graphic assets (PNG, JPG, WEBP, ICO, etc.) in this project have all rights reserved by their respective owners.
About
Fast and student-friendly electives management solution for Bodindecha (Sing Singhaseni) 2 School.
Topics
elective-courseelectivesfull-stackschoolschool-managementschool-project
Resources
Readme
License
Contributing
Contributing
Security policy
Security policy
Activity
Custom properties
Stars
1 star
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Auto-enable theater mode on YouTube
(function() {
function tryTheater() {
var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]');
if (btn && !btn.classList.contains('activated')) {
btn.click();
}
}
// Try immediately
tryTheater();
// Try after navigation (SPA)
var lastUrl = location.href;
setInterval(function() {
if (location.href !== lastUrl) {
lastUrl = location.href;
setTimeout(tryTheater, 500);
}
}, 1000);
// Also try on player load
var observer = new MutationObserver(tryTheater);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - bodin2/electives: Fast and student-friendly electives management solution for Bodindecha (Sing Singhaseni) 2 School. · GitHub
Skip to content
BranchesTags
Repository files navigation
Bodindecha 2 Electives
Fast and student-friendly electives management system for Bodindecha (Sing Singhaseni) 2 School.
Screenshot of the application
Why?
This project aims to improve the existing Electives system at Bodindecha (Sing Singhaseni) 2 School.
Providing a fast and student-friendly interface for students to view available subjects, see their details, and make selections.
Issues with the previous system
The previous system incredibly slow, being server-rendered by PHP on a mid-end server. This caused frequent timeouts and freezes when thousands of students tried to access the system at the same time.

There are also other issues, such as students not being to view details of subjects before the registration period, or overbooking, needing manual intervention from teachers to resolve such conflicts, or UX issues like students needing to refresh to view latest information, or needing to input credentials during high server load.
How are we solving it?
Backend
  • Using Ktor allows us to ergonomically create a server that can handle high loads of traffic in a short amount of time.
  • Protocol Buffers provide a compact binary format for data exchange, making it efficient to send and receive data between the server and clients.
  • PostgreSQL is a performant and reliable relational database.
We are using PostgreSQL JDBC with JetBrains Exposed.
  • WebSockets allow students and teachers to get up-to-date information without needing to refresh.
Frontend
  • Built with SolidJS and TanStack Router, fully client-sided. We provide a small-sized, responsive, and interactive user interface for students to view and select subjects easier and faster.
    
Being fully client-sided also means the frontend can be fully cached through services like Cloudflare to prevent downtime from too many requests hitting the server at once!
    
Serving content manually was one of the bottlenecks with the previous system, so we intend to serve the frontend through Cloudflare instead, which should fix slow loads on clients.
Security policy
Please refer to SECURITY.md.
Contributing
Please refer to CONTRIBUTING.md.
License
This project is licensed under CC BY-NC-SA 4.0.
Graphic assets (PNG, JPG, WEBP, ICO, etc.) in this project have all rights reserved by their respective owners.
About
Fast and student-friendly electives management solution for Bodindecha (Sing Singhaseni) 2 School.
Topics
elective-courseelectivesfull-stackschoolschool-managementschool-project
Resources
Readme
License
Contributing
Contributing
Security policy
Security policy
Activity
Custom properties
Stars
1 star
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Remove or un-stick sticky/fixed headers that block content
(function() {
function unstick() {
document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) {
if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {
el.style.position = 'static';
el.style.top = 'auto';
el.style.zIndex = 'auto';
}
});
}
unstick();
var observer = new MutationObserver(unstick);
observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
})();
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - bodin2/electives: Fast and student-friendly electives management solution for Bodindecha (Sing Singhaseni) 2 School. · GitHub
Skip to content
BranchesTags
Repository files navigation
Bodindecha 2 Electives
Fast and student-friendly electives management system for Bodindecha (Sing Singhaseni) 2 School.
Screenshot of the application
Why?
This project aims to improve the existing Electives system at Bodindecha (Sing Singhaseni) 2 School.
Providing a fast and student-friendly interface for students to view available subjects, see their details, and make selections.
Issues with the previous system
The previous system incredibly slow, being server-rendered by PHP on a mid-end server. This caused frequent timeouts and freezes when thousands of students tried to access the system at the same time.

There are also other issues, such as students not being to view details of subjects before the registration period, or overbooking, needing manual intervention from teachers to resolve such conflicts, or UX issues like students needing to refresh to view latest information, or needing to input credentials during high server load.
How are we solving it?
Backend
  • Using Ktor allows us to ergonomically create a server that can handle high loads of traffic in a short amount of time.
  • Protocol Buffers provide a compact binary format for data exchange, making it efficient to send and receive data between the server and clients.
  • PostgreSQL is a performant and reliable relational database.
We are using PostgreSQL JDBC with JetBrains Exposed.
  • WebSockets allow students and teachers to get up-to-date information without needing to refresh.
Frontend
  • Built with SolidJS and TanStack Router, fully client-sided. We provide a small-sized, responsive, and interactive user interface for students to view and select subjects easier and faster.
    
Being fully client-sided also means the frontend can be fully cached through services like Cloudflare to prevent downtime from too many requests hitting the server at once!
    
Serving content manually was one of the bottlenecks with the previous system, so we intend to serve the frontend through Cloudflare instead, which should fix slow loads on clients.
Security policy
Please refer to SECURITY.md.
Contributing
Please refer to CONTRIBUTING.md.
License
This project is licensed under CC BY-NC-SA 4.0.
Graphic assets (PNG, JPG, WEBP, ICO, etc.) in this project have all rights reserved by their respective owners.
About
Fast and student-friendly electives management solution for Bodindecha (Sing Singhaseni) 2 School.
Topics
elective-courseelectivesfull-stackschoolschool-managementschool-project
Resources
Readme
License
Contributing
Contributing
Security policy
Security policy
Activity
Custom properties
Stars
1 star
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Universal Dark Mode - works on any site
(function() {
var enabled = true;
function applyDarkMode() {
if (!enabled) return;
// Create style element if it doesn't exist
var style = document.getElementById('universal-dark-mode-style');
if (!style) {
style = document.createElement('style');
style.id = 'universal-dark-mode-style';
document.head.appendChild(style);
}
// Dark mode CSS - inverts colors but preserves images/video
style.textContent = '
/* Invert everything except media */
html {
filter: invert(1) hue-rotate(180deg) !important;
background: #1a1a2e !important;
}
/* Restore images, videos, iframes, canvas */
img, video, iframe, canvas, svg, picture, [style*="background-image"] {
filter: invert(1) hue-rotate(180deg) !important;
}
/* Preserve specific elements that should not be inverted */
.no-dark-mode, .no-dark-mode *,
[data-theme="light"], [data-theme="light"],
.ace_editor, .ace_editor *,
.CodeMirror, .CodeMirror *,
.monaco-editor, .monaco-editor *,
.markdown-body pre, .markdown-body pre *,
.highlight, .highlight *,
pre code, pre code * {
filter: none !important;
}
/* Fix common UI elements */
.modal, .popup, .dropdown-menu, .tooltip, .popover {
filter: invert(1) hue-rotate(180deg) !important;
background: #2d2d44 !important;
border-color: #444 !important;
}
/* Scrollbars */
::-webkit-scrollbar { background: #1a1a2e !important; }
::-webkit-scrollbar-thumb { background: #444 !important; }
::-webkit-scrollbar-thumb:hover { background: #555 !important; }
/* Selection */
::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
';
}
function removeDarkMode() {
var style = document.getElementById('universal-dark-mode-style');
if (style) style.remove();
}
// Toggle with Alt+Shift+D
document.addEventListener('keydown', function(e) {
if (e.altKey && e.shiftKey && e.key === 'D') {
e.preventDefault();
enabled = !enabled;
if (enabled) {
applyDarkMode();
console.log('[Universal Dark Mode] Enabled');
} else {
removeDarkMode();
console.log('[Universal Dark Mode] Disabled');
}
}
});
// Apply on load
applyDarkMode();
// Re-apply on dynamic content
var observer = new MutationObserver(function(mutations) {
if (enabled && !document.getElementById('universal-dark-mode-style')) {
applyDarkMode();
}
});
observer.observe(document.head, { childList: true });
console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');
})();
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();
GitHub - bodin2/electives: Fast and student-friendly electives management solution for Bodindecha (Sing Singhaseni) 2 School. · GitHub
Skip to content
BranchesTags
Repository files navigation
Bodindecha 2 Electives
Fast and student-friendly electives management system for Bodindecha (Sing Singhaseni) 2 School.
Screenshot of the application
Why?
This project aims to improve the existing Electives system at Bodindecha (Sing Singhaseni) 2 School.
Providing a fast and student-friendly interface for students to view available subjects, see their details, and make selections.
Issues with the previous system
The previous system incredibly slow, being server-rendered by PHP on a mid-end server. This caused frequent timeouts and freezes when thousands of students tried to access the system at the same time.

There are also other issues, such as students not being to view details of subjects before the registration period, or overbooking, needing manual intervention from teachers to resolve such conflicts, or UX issues like students needing to refresh to view latest information, or needing to input credentials during high server load.
How are we solving it?
Backend
  • Using Ktor allows us to ergonomically create a server that can handle high loads of traffic in a short amount of time.
  • Protocol Buffers provide a compact binary format for data exchange, making it efficient to send and receive data between the server and clients.
  • PostgreSQL is a performant and reliable relational database.
We are using PostgreSQL JDBC with JetBrains Exposed.
  • WebSockets allow students and teachers to get up-to-date information without needing to refresh.
Frontend
  • Built with SolidJS and TanStack Router, fully client-sided. We provide a small-sized, responsive, and interactive user interface for students to view and select subjects easier and faster.
    
Being fully client-sided also means the frontend can be fully cached through services like Cloudflare to prevent downtime from too many requests hitting the server at once!
    
Serving content manually was one of the bottlenecks with the previous system, so we intend to serve the frontend through Cloudflare instead, which should fix slow loads on clients.
Security policy
Please refer to SECURITY.md.
Contributing
Please refer to CONTRIBUTING.md.
License
This project is licensed under CC BY-NC-SA 4.0.
Graphic assets (PNG, JPG, WEBP, ICO, etc.) in this project have all rights reserved by their respective owners.
About
Fast and student-friendly electives management solution for Bodindecha (Sing Singhaseni) 2 School.
Topics
elective-courseelectivesfull-stackschoolschool-managementschool-project
Resources
Readme
License
Contributing
Contributing
Security policy
Security policy
Activity
Custom properties
Stars
1 star
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Used by
Contributors
Languages