TCET Unofficial Hub An unofficial information hub for Thakur College of Engineering and Technology (TCET), built by rebranding the Apple Vision Pro product page with custom TCET content, branding, and a waitlist system.
Project Structure
. ├── index.html # Main page (rebranded Apple Vision Pro layout) ├── style.css # Custom styles — modal, form, responsive overrides └── script.js # Modal open/close logic and waitlist form handler
Features Waitlist / Pre-order Modal A full-screen overlay modal that collects user name and email for a waitlist.
Triggered by calling openPreorderModal() from any button or link Centered via display: flex on the overlay (required for alignment to work) Closes on backdrop click or the Cancel button Submits to /api/preorder via fetch (POST, JSON) Shows inline success/error feedback without a page reload Auto-closes 3 seconds after a successful submission
Custom Branding
TCET logo served from ImageKit CDN replacing the Apple logo in the global nav Page title set to TCET unofficial hub - Jack Hero and card images replaced with TCET-specific assets Apple-specific navigation links replaced with # placeholders
Responsive Image Handling Card and hero images use object-fit: cover and object-position: center to fill containers without distortion across screen sizes. Dark Mode Support The modal and its input fields adapt automatically via @media (prefers-color-scheme: dark).
API Contract The form POSTs to /api/preorder and expects the following: Request json{ "name": "Student Name", "email": "student@tcetmumbai.in" } Success response — any 2xx status json{ "message": "Joined waitlist" } Error response — any non-2xx status json{ "error": "Descriptive error message" } The frontend displays data.error on failure, or a generic message if the field is absent.
Usage Open the modal javascriptopenPreorderModal(); Wire this to any button's onclick: htmlJoin Waitlist Close the modal javascriptclosePreorderModal(); Also triggered automatically by clicking the backdrop or after a successful form submission.
Known Limitations & Notes
The base HTML retains Apple's external CSS and JS dependencies (loaded from apple.com). These control layout, animations, and the global nav behaviour — removing them will break the page structure. Apple's lazy-load and inline media systems (data-inline-media) are still present and manage video playback on the page; custom videos must conform to the same attribute format. All Apple store/product links have been replaced with # and should be updated or removed before a production deployment. The /api/preorder endpoint is not implemented in this repo and must be provided by a backend service.
Tech Stack LayerTechnologyMarkupHTML5 (Apple Vision Pro base template)StylesApple's built CSS + custom style.cssScriptsVanilla JS (script.js) + Apple's page scriptsImagesImageKit CDNFontSF Pro (loaded from apple.com/wss/fonts)
Unofficial project — not affiliated with TCET or Apple.