How prestonwanttorevenge/gdglexi works
GDGLexi is a static landing page for IELTS and VSTEP courses. Visitors explore course information, filter or search the catalog, save courses for later, and can request consultation through a validated form. The page also presents the program’s methodology, testimonials, FAQ, and GDG background. main.js orchestrates partial loading, rendering, and feature initialization; the README documents the partial-based page structure and local-storage behavior. Several presentation modules are represented from documented capabilities because their implementation was not sampled.
Main entry points: main.js Application coordinator · mockData.js Course data · courses.js Course search and details · faq.js FAQ accordion
Components 24
Landing page
- Page entry
index.html - Page sections
src/partials - GDG background
src/partials/about.tpl - Hero section
src/partials/hero.tpl - Course methodology
src/partials/methodology.tpl - Student testimonials
src/partials/testimonials.tpl
Course discovery
- Course catalog
src/partials/courses.tpl - Course data
src/data/mockData.js - Course search and details
src/js/modules/courses.js - Wishlist drawer
src/partials/overlays.tpl - Wishlist behavior
src/js/modules/wishlist.js
Visitor interactions
- FAQ section
src/partials/faq.tpl - FAQ accordion
src/js/modules/faq.js - Contact form
src/partials/contact.tpl - Consultation form
src/js/modules/contactForm.js - Toast feedback
src/js/modules/toast.js - Navigation drawer
src/js/modules/navbar.js - Theme control
src/js/modules/theme.js - Scroll and hero motion
src/js/modules/motion.js
Page runtime
- Browser preferences
src/js/core/storage.js - DOM helpers
src/js/core/dom.js - Partial loader
src/js/core/partialLoader.js - Application coordinator
src/js/main.js
Other components
- Visitor
Connections 32
- Visitor → Page entry: opens
README.md - Page entry → Application coordinator: starts
- Application coordinator → Partial loader: loads partials
src/js/main.js - Partial loader → Page sections: fetches sections
README.md - Application coordinator → Course data: renders content
src/js/main.js - Application coordinator → Course methodology: fills section
src/js/main.js - Application coordinator → Student testimonials: fills section
src/js/main.js - Visitor → Course search and details: browses courses
README.md - Course search and details → Course data: filters data
src/js/modules/courses.js - Application coordinator → Course search and details: initializes
src/js/main.js - Course search and details → DOM helpers: uses helpers
src/js/modules/courses.js - Visitor → Wishlist behavior: saves courses
README.md - Application coordinator → Wishlist behavior: initializes
src/js/main.js - Wishlist behavior → Course data: looks up courses
src/js/modules/wishlist.js - Application coordinator → Browser preferences: loads and saves wishlist
src/js/main.js - Visitor → FAQ accordion: opens answers
README.md - Application coordinator → FAQ accordion: initializes
src/js/main.js - FAQ accordion → Course data: reads FAQ items
src/js/modules/faq.js - FAQ accordion → DOM helpers: creates icons
src/js/modules/faq.js - Visitor → Consultation form: requests consultation
README.md - Application coordinator → Consultation form: initializes form
src/js/main.js - Consultation form → Course data: populates choices
src/js/modules/contactForm.js - Consultation form → Toast feedback: shows confirmation
src/js/main.js - Application coordinator → Toast feedback: initializes
src/js/main.js - Visitor → Navigation drawer: uses navigation
README.md - Application coordinator → Navigation drawer: initializes
src/js/main.js - Visitor → Theme control: changes theme
README.md - Application coordinator → Theme control: initializes
src/js/main.js - Theme control → Browser preferences: reads and saves theme
src/js/modules/theme.js - Application coordinator → Scroll and hero motion: starts motion
src/js/main.js - Visitor → GDG background: learns about program
README.md - Visitor → Hero section: views introduction
README.md