How andriygazda/project-learnplatform works
GAZDALEAR is a programming-course website. Visitors browse the home page’s featured courses, search/filter/sort the catalog, open a course detail page, and can proceed to the contact page. The README also documents a contact form and map; the form’s FormSubmit integration is described but its implementation is not sampled, so that link is marked optional. The sampled JavaScript confirms course-data loading, rendering, and map behavior; page-to-script wiring is not shown.
Main entry points: contact.html Contact page · sectionTopCourses.js Featured carousel · courses-sort-filter-pagin.js Catalog controls · contact-map.js Location map
Components 17
Site Pages
- Home page
index.html - Courses page
public/html/courses.html - Course detail
public/html/course.html - Contact page
public/html/contact.html
Course Discovery
- Course data
public/courses/data-courses.json - Featured carousel
src/js/sectionTopCourses.js - Catalog controls
src/js/courses-sort-filter-pagin.js - Course detail renderer
src/js/course-idNumber.js - Course card builder
src/js/createCard.js
Shared Interface
- Menu loader
src/js/menu.js - Menu markup
public/html/menu.html - Footer loader
src/js/footer.js - Footer markup
public/html/footer.html
Contact
- Location map
src/js/contact-map.js - OpenStreetMap tiles
- FormSubmit service
Other components
- Visitor
Connections 19
- Visitor → Home page: opens
- Visitor → Courses page: browses
- Visitor → Contact page: contacts
- Home page → Featured carousel: shows featured
- Featured carousel → Course data: fetches
- Featured carousel → Course card builder: builds cards
- Visitor → Catalog controls: searches and filters
- Catalog controls → Course data: fetches
- Catalog controls → Course card builder: builds cards
- Course card builder → Course detail: links to
- Course detail → Course detail renderer: shows course
- Course detail renderer → Course data: fetches
- Visitor → Contact page: requests consultation
- Contact page → FormSubmit service: submits form
- Contact page → Location map: shows location
- Location map → OpenStreetMap tiles: loads map tiles
- Location map → Visitor: opens map link
- Menu loader → Menu markup: fetches markup
- Footer loader → Footer markup: fetches markup