This is an educational web project that presents the Serbian town Gornji Milanovac through an interactive single-page website.
The project was created for the ICT College - Web Programming course and showcases multiple web development concepts using:
- HTML5 / CSS3
- JavaScript
- jQuery
- jQuery UI
- AJAX
- JSON
- Lightbox
- LocalStorage
The website is fully dynamic, loading most of its content from JSON files (lodging, news, culture, sports, history, statistics, gallery, and navigation items).
🔗 Live Demo: https://gornjimilanovac.vercel.app/
- Loads hotels from
lodging.json - Search by name
- Price range filter
- Sort (A–Z, Z–A, price asc/desc)
- Real-time rendering using jQuery
Powered by jQuery UI Tabs + Accordion:
- Economy
- Culture
- Sports
- History
- Quote of the Day (custom dialog modal)
- “Read more” expandable text
JSON sources:
news.jsonculture.jsonsport.jsonstats.jsonbiographies.json
- Dynamically loaded gallery section
- Lightbox integration for image previews
- Full form validation (regex)
- Gender selection
- Message length validation
- Error messages displayed dynamically
- Data saved to LocalStorage
- Hamburger menu (sidebar)
- Dropdown for documentation & author info
- Smooth animations and transitions
A custom modal displaying:
- Author’s biography
- Profile image
- index.html
- sitemap.xml
- rss.xml
- css/
- js/
- images/
- data/
Opening index.html by double-clicking will NOT load JSON files because browsers block AJAX on the file:// protocol.
Right-click index.html → Open with Live Server