Portfolio \u2014 Education & License Tracking<\/title>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap');\n*{box-sizing:border-box;margin:0;padding:0}\nbody{font-family:'Poppins',sans-serif;background:transparent;color:#fff;line-height:1.6}\n.portfolio-wrap{max-width:98%;margin:0 auto;padding:2rem 1rem;font-family:'Poppins',sans-serif}\n\n\/* HERO *\/\n.hero{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#fff;padding:3rem 2.5rem;border-radius:16px;margin-bottom:2.5rem;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:rgba(255,255,255,.04);border-radius:50%}\n.hero::after{content:'';position:absolute;bottom:-60px;right:60px;width:300px;height:300px;background:rgba(255,255,255,.03);border-radius:50%}\n.hero h1{font-size:32px;font-weight:700;margin-bottom:.5rem;position:relative}\n.hero .subtitle{font-size:16px;opacity:.75;margin-bottom:1.5rem;position:relative}\n.hero .desc{font-size:15px;opacity:.85;line-height:1.7;max-width:580px;position:relative}\n.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:1.5rem;position:relative}\n.tag{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:12px;font-weight:500;padding:4px 12px;border-radius:20px}\n\n\/* SECTIONS *\/\n.section{margin-bottom:2.5rem}\n.section-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid rgba(255,255,255,.15);display:flex;align-items:center;gap:10px}\n.section-title span{background:rgba(255,255,255,.15);color:#fff;font-size:14px;padding:2px 10px;border-radius:20px;font-weight:500}\n\n\/* APP MOCKUP *\/\n.mockup-wrap{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1.25rem;box-shadow:0 4px 24px rgba(0,0,0,.3)}\n.mockup-bar{background:#1a4a8a;border-radius:10px 10px 0 0;padding:10px 16px;display:flex;justify-content:space-between;align-items:center}\n.mockup-bar-title{color:#fff;font-size:13px;font-weight:600}\n.mockup-bar-url{color:rgba(255,255,255,.6);font-size:11px}\n.mockup-body{background:rgba(255,255,255,.05);border-radius:0 0 10px 10px;display:flex;min-height:220px;overflow:hidden}\n.mock-sidebar{width:145px;background:rgba(0,0,0,.2);border-right:1px solid rgba(255,255,255,.1);padding:8px 0;flex-shrink:0}\n.mock-nav-label{font-size:9px;font-weight:700;text-transform:uppercase;color:rgba(255,255,255,.4);padding:8px 10px 3px;letter-spacing:.6px}\n.mock-nav-item{padding:6px 10px;font-size:11px;color:rgba(255,255,255,.65);cursor:default}\n.mock-nav-item.active{background:rgba(255,255,255,.15);color:#fff;font-weight:600;border-left:2px solid #fff}\n.mock-nav-item.red{color:#8a1818}\n.mock-nav-item.amber{color:#7a4e00}\n.mock-main{flex:1;padding:12px}\n.mock-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}\n.mock-stat{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px;text-align:center}\n.mock-stat-num{font-size:18px;font-weight:700;color:#fff}\n.mock-stat-num.red{color:#8a1818}\n.mock-stat-num.green{color:#256a18}\n.mock-stat-num.amber{color:#7a4e00}\n.mock-stat-lbl{font-size:9px;color:rgba(255,255,255,.55)}\n.mock-table{width:100%;border-collapse:collapse;font-size:10px;background:rgba(0,0,0,.2);border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}\n.mock-table th{background:rgba(255,255,255,.08);padding:5px 8px;text-align:left;color:rgba(255,255,255,.5);font-size:9px;text-transform:uppercase;font-weight:600}\n.mock-table td{padding:5px 8px;border-bottom:1px solid rgba(255,255,255,.07);color:#fff}\n.mock-table tr:last-child td{border-bottom:none}\n.blurred{filter:blur(4px);user-select:none}\n.bdg{font-size:9px;padding:2px 6px;border-radius:9px;font-weight:500}\n.bdg-ok{background:#e5f3de;color:#256a18}\n.bdg-warn{background:#fef2d0;color:#7a4e00}\n.bdg-danger{background:#fde5e5;color:#8a1818}\n.bdg-none{background:#f5f3ef;color:#aaa}\n\n\/* FEATURE CARDS *\/\n.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}\n.feat-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:1.25rem;transition:box-shadow .2s}\n.feat-card:hover{box-shadow:0 4px 24px rgba(0,0,0,.3);background:rgba(255,255,255,.1)}\n.feat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:.75rem}\n.feat-card h3{font-size:15px;font-weight:700;color:#fff;margin-bottom:.4rem}\n.feat-card p{font-size:13px;color:rgba(255,255,255,.7);line-height:1.55}\n\n\/* MODULES *\/\n.mod-item{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.85rem 1.1rem;margin-bottom:.6rem;display:flex;justify-content:space-between;align-items:center}\n.mod-item-name{font-size:14px;font-weight:600;color:#fff}\n.mod-item-sub{font-size:12px;color:rgba(255,255,255,.55);margin-top:2px}\n.mod-count{background:rgba(255,255,255,.15);color:#fff;font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px}\n\n\/* TECH *\/\n.tech-pills{display:flex;flex-wrap:wrap;gap:8px}\n.tech-pill{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:5px 14px;font-size:13px;color:rgba(255,255,255,.8);font-weight:500}\n\n\/* TIMELINE *\/\n.timeline{border-left:3px solid rgba(255,255,255,.2);padding-left:1.75rem;margin-left:.5rem}\n.tl-item{margin-bottom:1.5rem;position:relative}\n.tl-dot{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;left:-2.2rem;top:4px;border:3px solid rgba(255,255,255,.2)}\n.tl-item h4{font-size:15px;font-weight:700;color:#fff;margin-bottom:.3rem}\n.tl-item p{font-size:13px;color:rgba(255,255,255,.65);line-height:1.55}\n.tl-date{font-size:11px;color:rgba(255,255,255,.5);font-weight:600;margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.5px}\n\n\/* STATS ROW *\/\n.big-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:1.5rem}\n.big-stat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:1.25rem;text-align:center}\n.big-stat-num{font-size:32px;font-weight:700;color:#fff}\n.big-stat-lbl{font-size:13px;color:rgba(255,255,255,.6);margin-top:.25rem}\n\n\/* INFO BOX *\/\n.info-box{background:rgba(255,255,255,.08);border-left:4px solid rgba(255,255,255,.4);border-radius:0 12px 12px 0;padding:1.25rem 1.5rem}\n.info-box p{font-size:14px;color:rgba(255,255,255,.85);line-height:1.65}\n.info-box .client{font-size:12px;color:rgba(255,255,255,.55);font-weight:600;margin-top:.5rem}\n\n@media(max-width:600px){\n .hero{padding:2rem 1.5rem}\n .hero h1{font-size:24px}\n .mockup-body{flex-direction:column}\n .mock-sidebar{width:100%;border-right:none;border-bottom:1px solid #ddd9d0;padding:4px 0;display:flex;flex-wrap:wrap;gap:0}\n .mock-nav-label{display:none}\n .mock-nav-item{padding:4px 8px;font-size:10px}\n .mock-stats{grid-template-columns:repeat(2,1fr)}\n .feat-grid{grid-template-columns:1fr}\n .big-stats{grid-template-columns:repeat(2,1fr)}\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"portfolio-wrap\">\n\n\n<div class=\"hero\">\n <h1>Education & License Tracking<\/h1>\n <div class=\"subtitle\">Web application \u00b7 Karlovac County Institute of Emergency Medicine<\/div>\n <div class=\"desc\">A comprehensive solution for managing the training, certificates, and licenses of medical staff. A multi-user system with a MySQL database, accessible from any device.<\/div>\n <div class=\"tags\">\n <span class=\"tag\">PHP + MySQL<\/span>\n <span class=\"tag\">HTML \/ CSS \/ JS<\/span>\n <span class=\"tag\">REST API<\/span>\n <span class=\"tag\">PWA<\/span>\n <span class=\"tag\">Multi-user<\/span>\n <span class=\"tag\">Dark mode<\/span>\n <span class=\"tag\">Responsive<\/span>\n <\/div>\n<\/div>\n\n\n<div class=\"section\">\n <div class=\"section-title\">The project in numbers <span>County Institute 2026<\/span><\/div>\n <div class=\"big-stats\">\n <div class=\"big-stat\"><div class=\"big-stat-num\">218<\/div><div class=\"big-stat-lbl\">Registered employees<\/div><\/div>\n <div class=\"big-stat\"><div class=\"big-stat-num\">13<\/div><div class=\"big-stat-lbl\">Modular courses<\/div><\/div>\n <div class=\"big-stat\"><div class=\"big-stat-num\">200+<\/div><div class=\"big-stat-lbl\">Course participants<\/div><\/div>\n <div class=\"big-stat\"><div class=\"big-stat-num\">3<\/div><div class=\"big-stat-lbl\">Standard certificates<\/div><\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"section\">\n <div class=\"section-title\">Application interface<\/div>\n <div class=\"mockup-wrap\">\n <div class=\"mockup-bar\">\n <span class=\"mockup-bar-title\">Education & License Tracking \u2014 County Institute<\/span>\n <span class=\"mockup-bar-url\">zzhm-kz.hr\/evidencija<\/span>\n <\/div>\n <div class=\"mockup-body\">\n <div class=\"mock-sidebar\">\n <div class=\"mock-nav-label\">Overview<\/div>\n <div class=\"mock-nav-item active\">All employees<\/div>\n <div class=\"mock-nav-item red\">\u26a0 Expired<\/div>\n <div class=\"mock-nav-item amber\">\ud83d\udd14 Expiring soon<\/div>\n <div class=\"mock-nav-label\">Team \/ Program<\/div>\n <div class=\"mock-nav-item\">IHMS<\/div>\n <div class=\"mock-nav-item\">MPDJ<\/div>\n <div class=\"mock-nav-item\">Medical transport<\/div>\n <div class=\"mock-nav-label\">Modular courses<\/div>\n <div class=\"mock-nav-item\">All participants<\/div>\n <div class=\"mock-nav-item\">Course management<\/div>\n <div class=\"mock-nav-label\">Users<\/div>\n <div class=\"mock-nav-item\">\ud83d\udc64 Users<\/div>\n <div class=\"mock-nav-item\" style=\"color:#8a1818\">\ud83d\udeaa Log out<\/div>\n <\/div>\n <div class=\"mock-main\">\n <div class=\"mock-stats\">\n <div class=\"mock-stat\"><div class=\"mock-stat-num\">218<\/div><div class=\"mock-stat-lbl\">Total<\/div><\/div>\n <div class=\"mock-stat\"><div class=\"mock-stat-num red\">8<\/div><div class=\"mock-stat-lbl\">Expired<\/div><\/div>\n <div class=\"mock-stat\"><div class=\"mock-stat-num amber\">14<\/div><div class=\"mock-stat-lbl\">Soon<\/div><\/div>\n <div class=\"mock-stat\"><div class=\"mock-stat-num green\">196<\/div><div class=\"mock-stat-lbl\">Valid<\/div><\/div>\n <\/div>\n <table class=\"mock-table\">\n <thead><tr><th>Employee<\/th><th>Position<\/th><th>IHMS<\/th><th>MPDJ<\/th><th>SP<\/th><\/tr><\/thead>\n <tbody>\n <tr>\n <td><span class=\"blurred\">Babi\u0107 Dorijan<\/span><\/td>\n <td style=\"color:rgba(255,255,255,.55)\">MD in EMS team<\/td>\n <td><span class=\"bdg bdg-ok\">Valid<\/span><\/td>\n <td><span class=\"bdg bdg-none\">None<\/span><\/td>\n <td><span class=\"bdg bdg-none\">None<\/span><\/td>\n <\/tr>\n <tr>\n <td><span class=\"blurred\">Brozovi\u0107 Svetlana<\/span><\/td>\n <td style=\"color:rgba(255,255,255,.55)\">MS-MT in MPDJ<\/td>\n <td><span class=\"bdg bdg-warn\">Soon<\/span><\/td>\n <td><span class=\"bdg bdg-ok\">Valid<\/span><\/td>\n <td><span class=\"bdg bdg-none\">None<\/span><\/td>\n <\/tr>\n <tr>\n <td><span class=\"blurred\">Markovina Zvonimir<\/span><\/td>\n <td style=\"color:rgba(255,255,255,.55)\">MD in EMS team<\/td>\n <td><span class=\"bdg bdg-danger\">Expired<\/span><\/td>\n <td><span class=\"bdg bdg-none\">None<\/span><\/td>\n <td><span class=\"bdg bdg-none\">None<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"section\">\n <div class=\"section-title\">Key features<\/div>\n <div class=\"feat-grid\">\n <div class=\"feat-card\">\n <div class=\"feat-icon\" style=\"background:rgba(255,255,255,.12)\">\ud83d\udc65<\/div>\n <h3>Employee records<\/h3>\n <p>218 employees with certificates, occupations, positions, and real-time license statuses.<\/p>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon\" style=\"background:rgba(255,255,255,.12)\">\ud83d\udccb<\/div>\n <h3>Certificate tracking<\/h3>\n <p>Automatic certificate-expiry checks \u2014 IHMS, MPDJ, SP. Visual alerts 90 days in advance.<\/p>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon\" style=\"background:rgba(255,255,255,.12)\">\ud83c\udf93<\/div>\n <h3>Modular courses<\/h3>\n <p>Records of participants in external and internal courses, with attendance dates and their organization of origin.<\/p>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon\" style=\"background:rgba(255,255,255,.12)\">\ud83d\udd12<\/div>\n <h3>Multi-user system<\/h3>\n <p>Login with administrator and user roles. User management directly through the application interface.<\/p>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon\" style=\"background:rgba(255,255,255,.12)\">\ud83d\udcca<\/div>\n <h3>Data export and import<\/h3>\n <p>Export to JSON, CSV (Excel), and PDF print. One-click import of historical data from JSON files.<\/p>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon\" style=\"background:rgba(255,255,255,.12)\">\ud83d\udcf1<\/div>\n <h3>PWA \u2014 installable app<\/h3>\n <p>Installs as a native app on desktop, phone, and tablet. Access from any device and OS.<\/p>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon\" style=\"background:rgba(255,255,255,.12)\">\ud83c\udf19<\/div>\n <h3>Dark mode<\/h3>\n <p>Switch between light and dark mode with one click. The preference is remembered per user.<\/p>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon\" style=\"background:rgba(255,255,255,.12)\">\ud83d\udd0d<\/div>\n <h3>Advanced filters<\/h3>\n <p>Search and filter by team, occupation, certificate status, date, and year. Data grouping.<\/p>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon\" style=\"background:rgba(255,255,255,.12)\">\ud83d\udcf8<\/div>\n <h3>Entry from a photo<\/h3>\n <p>Course participants are added by scanning\/photographing a list \u2014 AI reads the data and generates the SQL entry.<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"section\">\n <div class=\"section-title\">Modular courses<\/div>\n <div class=\"mod-item\"><div><div class=\"mod-item-name\">Basic Life Support for adults with AED use<\/div><div class=\"mod-item-sub\">Modular course \u00b7 multiple groups<\/div><\/div><span class=\"mod-count\">87+ participants<\/span><\/div>\n <div class=\"mod-item\"><div><div class=\"mod-item-name\">EV \u2014 Acquiring practical emergency-medicine skills<\/div><div class=\"mod-item-sub\">Modular course \u00b7 ATJ Lu\u010dko<\/div><\/div><span class=\"mod-count\">17 participants<\/span><\/div>\n <div class=\"mod-item\"><div><div class=\"mod-item-name\">Rapid Sequence Intubation (RSI)<\/div><div class=\"mod-item-sub\">Modular course<\/div><\/div><span class=\"mod-count\">12 participants<\/span><\/div>\n <div class=\"mod-item\"><div><div class=\"mod-item-name\">Advanced Life Support for adults<\/div><div class=\"mod-item-sub\">Modular course<\/div><\/div><span class=\"mod-count\">8 participants<\/span><\/div>\n <div class=\"mod-item\"><div><div class=\"mod-item-name\">First aid for adults<\/div><div class=\"mod-item-sub\">Modular course<\/div><\/div><span class=\"mod-count\">5 participants<\/span><\/div>\n <div style=\"font-size:13px;color:rgba(255,255,255,.5);margin-top:.75rem\">+ 8 additional modular courses<\/div>\n<\/div>\n\n\n<div class=\"section\">\n <div class=\"section-title\">Project development<\/div>\n <div class=\"timeline\">\n <div class=\"tl-item\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-date\">Phase 1<\/div>\n <h4>Design and structure<\/h4>\n <p>HTML\/CSS\/JS single-page application. Records of 218 employees, certificates with automatic expiry tracking, filters, grouping by team and occupation.<\/p>\n <\/div>\n <div class=\"tl-item\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-date\">Phase 2<\/div>\n <h4>Modular courses and participants<\/h4>\n <p>A new section for external participants and internal employees. Modular-course management, advanced filters, and a table view with PDF export.<\/p>\n <\/div>\n <div class=\"tl-item\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-date\">Phase 3<\/div>\n <h4>MySQL backend and REST API<\/h4>\n <p>Migration from localStorage to PHP + MySQL. REST API development, multi-user access with a login system and administrator\/user roles.<\/p>\n <\/div>\n <div class=\"tl-item\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-date\">Phase 4<\/div>\n <h4>Deployment, PWA, and dark mode<\/h4>\n <p>Deployment to a production server, a PWA manifest for installation as an app, a dark-mode interface, and optimization for mobile devices.<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"section\">\n <div class=\"section-title\">Tech stack<\/div>\n <div class=\"tech-pills\">\n <span class=\"tech-pill\">HTML5<\/span>\n <span class=\"tech-pill\">CSS3<\/span>\n <span class=\"tech-pill\">Vanilla JavaScript<\/span>\n <span class=\"tech-pill\">PHP 8<\/span>\n <span class=\"tech-pill\">MySQL<\/span>\n <span class=\"tech-pill\">PDO<\/span>\n <span class=\"tech-pill\">REST API<\/span>\n <span class=\"tech-pill\">PWA<\/span>\n <span class=\"tech-pill\">Web Manifest<\/span>\n <span class=\"tech-pill\">cPanel Hosting<\/span>\n <span class=\"tech-pill\">Responsive Design<\/span>\n <span class=\"tech-pill\">Dark Mode<\/span>\n <\/div>\n<\/div>\n\n\n<div class=\"section\">\n <div class=\"section-title\">About the project<\/div>\n <div class=\"info-box\">\n <p>The application was developed for the Karlovac County Institute of Emergency Medicine as an internal solution for tracking the training and licenses of medical staff. Accessible from any device at zzhm-kz.hr\/evidencija. Development was carried out iteratively, with the client actively involved throughout the entire process.<\/p>\n <div class=\"client\">Karlovac County Institute of Emergency Medicine \u00b7 2025\/2026<\/div>\n <\/div>\n<\/div>\n\n<\/div>\n<\/body>\n<\/html><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":281757,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"project_category":[93,82,91],"project_tag":[],"class_list":["post-281898","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-healthcare","project_category-public-sector","project_category-web-applications"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t<meta name=\"description\" content=\"Portfolio \u2014 Education & License Tracking Education & License Tracking Web application \u00b7 Karlovac County Institute of Emergency Medicine A comprehensive solution for managing the training, certificates, and licenses of medical staff. A multi-user system with a MySQL database, accessible from any device. PHP + MySQL HTML \/ CSS \/ JS REST API PWA Multi-user\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"admin\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/media-met.hr\/en\/project\/education-record-application\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.9\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Izrada web stranica Karlovac | Media-met agencija | Profesionalna izrada web stranica i SEO optimizacija u Karlovcu. 15+ godina iskustva, 200+ projekata. Zatra\u017eite besplatnu ponudu!\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Education record application\" \/>\n\t\t<meta property=\"og:description\" content=\"Portfolio \u2014 Education & License Tracking Education & License Tracking Web application \u00b7 Karlovac County Institute of Emergency Medicine A comprehensive solution for managing the training, certificates, and licenses of medical staff. A multi-user system with a MySQL database, accessible from any device. PHP + MySQL HTML \/ CSS \/ JS REST API PWA Multi-user\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/media-met.hr\/en\/project\/education-record-application\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-04-28T19:05:31+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-06-25T20:34:45+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/media1met\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Education record application\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Portfolio \u2014 Education & License Tracking Education & License Tracking Web application \u00b7 Karlovac County Institute of Emergency Medicine A comprehensive solution for managing the training, certificates, and licenses of medical staff. A multi-user system with a MySQL database, accessible from any device. PHP + MySQL HTML \/ CSS \/ JS REST API PWA Multi-user\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/education-record-application\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/media-met.hr\\\/en\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/#listItem\",\"name\":\"Projects\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/#listItem\",\"position\":2,\"name\":\"Projects\",\"item\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project_category\\\/public-sector\\\/#listItem\",\"name\":\"Public Sector\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project_category\\\/public-sector\\\/#listItem\",\"position\":3,\"name\":\"Public Sector\",\"item\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project_category\\\/public-sector\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/education-record-application\\\/#listItem\",\"name\":\"Education record application\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/#listItem\",\"name\":\"Projects\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/education-record-application\\\/#listItem\",\"position\":4,\"name\":\"Education record application\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project_category\\\/public-sector\\\/#listItem\",\"name\":\"Public Sector\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#organization\",\"name\":\"Media-met\",\"description\":\"Kreativna digitalna agencija za izradu web stranica, SEO optimizaciju i vizualni identitet. 15+ godina iskustva, 200+ projekata u Hrvatskoj.\",\"url\":\"https:\\\/\\\/media-met.hr\\\/en\\\/\",\"email\":\"info@media-met.hr\",\"telephone\":\"+385953344666\",\"foundingDate\":\"2011-09-01\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":1,\"maxValue\":5},\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/media-met.hr\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/mediamet-logo-1.webp\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/education-record-application\\\/#organizationLogo\",\"width\":485,\"height\":145,\"caption\":\"Logo Media-met\"},\"image\":{\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/education-record-application\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/media1met\",\"https:\\\/\\\/www.instagram.com\\\/mediamet\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/mgvozdak\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/author\\\/tester\\\/#author\",\"url\":\"https:\\\/\\\/media-met.hr\\\/en\\\/author\\\/tester\\\/\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/education-record-application\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b73d46937ac0ccd435f5697f06ab9ef64d9c7a130083890070393586ea1918d6?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"admin\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/education-record-application\\\/#webpage\",\"url\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/education-record-application\\\/\",\"name\":\"Education record application\",\"description\":\"Portfolio \\u2014 Education & License Tracking Education & License Tracking Web application \\u00b7 Karlovac County Institute of Emergency Medicine A comprehensive solution for managing the training, certificates, and licenses of medical staff. A multi-user system with a MySQL database, accessible from any device. PHP + MySQL HTML \\\/ CSS \\\/ JS REST API PWA Multi-user\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/education-record-application\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/author\\\/tester\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/author\\\/tester\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/media-met.hr\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Aplikacija-evidencija-edukacija.webp\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/education-record-application\\\/#mainImage\",\"width\":1602,\"height\":800,\"caption\":\"Education record application\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/education-record-application\\\/#mainImage\"},\"datePublished\":\"2026-04-28T21:05:31+02:00\",\"dateModified\":\"2026-06-25T22:34:45+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/media-met.hr\\\/en\\\/\",\"name\":\"Izrada web stranica Karlovac | Media-met agencija\",\"alternateName\":\"Media-met digitalna agencija\",\"description\":\"Profesionalna izrada web stranica i SEO optimizacija u Karlovcu. 15+ godina iskustva, 200+ projekata. Zatra\\u017eite besplatnu ponudu!\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t\n\n","aioseo_head_json":{"title":"Education record application","description":"Portfolio \u2014 Education & License Tracking Education & License Tracking Web application \u00b7 Karlovac County Institute of Emergency Medicine A comprehensive solution for managing the training, certificates, and licenses of medical staff. A multi-user system with a MySQL database, accessible from any device. PHP + MySQL HTML \/ CSS \/ JS REST API PWA Multi-user","canonical_url":"https:\/\/media-met.hr\/en\/project\/education-record-application\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/media-met.hr\/en\/project\/education-record-application\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/#listItem","position":1,"name":"Home","item":"https:\/\/media-met.hr\/en\/","nextItem":{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/project\/#listItem","name":"Projects"}},{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/project\/#listItem","position":2,"name":"Projects","item":"https:\/\/media-met.hr\/en\/project\/","nextItem":{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/project_category\/public-sector\/#listItem","name":"Public Sector"},"previousItem":{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/project_category\/public-sector\/#listItem","position":3,"name":"Public Sector","item":"https:\/\/media-met.hr\/en\/project_category\/public-sector\/","nextItem":{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/project\/education-record-application\/#listItem","name":"Education record application"},"previousItem":{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/project\/#listItem","name":"Projects"}},{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/project\/education-record-application\/#listItem","position":4,"name":"Education record application","previousItem":{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/project_category\/public-sector\/#listItem","name":"Public Sector"}}]},{"@type":"Organization","@id":"https:\/\/media-met.hr\/en\/#organization","name":"Media-met","description":"Kreativna digitalna agencija za izradu web stranica, SEO optimizaciju i vizualni identitet. 15+ godina iskustva, 200+ projekata u Hrvatskoj.","url":"https:\/\/media-met.hr\/en\/","email":"info@media-met.hr","telephone":"+385953344666","foundingDate":"2011-09-01","numberOfEmployees":{"@type":"QuantitativeValue","minValue":1,"maxValue":5},"logo":{"@type":"ImageObject","url":"https:\/\/media-met.hr\/wp-content\/uploads\/2025\/11\/mediamet-logo-1.webp","@id":"https:\/\/media-met.hr\/en\/project\/education-record-application\/#organizationLogo","width":485,"height":145,"caption":"Logo Media-met"},"image":{"@id":"https:\/\/media-met.hr\/en\/project\/education-record-application\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/media1met","https:\/\/www.instagram.com\/mediamet","https:\/\/www.linkedin.com\/in\/mgvozdak"]},{"@type":"Person","@id":"https:\/\/media-met.hr\/en\/author\/tester\/#author","url":"https:\/\/media-met.hr\/en\/author\/tester\/","name":"admin","image":{"@type":"ImageObject","@id":"https:\/\/media-met.hr\/en\/project\/education-record-application\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/b73d46937ac0ccd435f5697f06ab9ef64d9c7a130083890070393586ea1918d6?s=96&d=mm&r=g","width":96,"height":96,"caption":"admin"}},{"@type":"WebPage","@id":"https:\/\/media-met.hr\/en\/project\/education-record-application\/#webpage","url":"https:\/\/media-met.hr\/en\/project\/education-record-application\/","name":"Education record application","description":"Portfolio \u2014 Education & License Tracking Education & License Tracking Web application \u00b7 Karlovac County Institute of Emergency Medicine A comprehensive solution for managing the training, certificates, and licenses of medical staff. A multi-user system with a MySQL database, accessible from any device. PHP + MySQL HTML \/ CSS \/ JS REST API PWA Multi-user","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/media-met.hr\/en\/#website"},"breadcrumb":{"@id":"https:\/\/media-met.hr\/en\/project\/education-record-application\/#breadcrumblist"},"author":{"@id":"https:\/\/media-met.hr\/en\/author\/tester\/#author"},"creator":{"@id":"https:\/\/media-met.hr\/en\/author\/tester\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/media-met.hr\/wp-content\/uploads\/2026\/04\/Aplikacija-evidencija-edukacija.webp","@id":"https:\/\/media-met.hr\/en\/project\/education-record-application\/#mainImage","width":1602,"height":800,"caption":"Education record application"},"primaryImageOfPage":{"@id":"https:\/\/media-met.hr\/en\/project\/education-record-application\/#mainImage"},"datePublished":"2026-04-28T21:05:31+02:00","dateModified":"2026-06-25T22:34:45+02:00"},{"@type":"WebSite","@id":"https:\/\/media-met.hr\/en\/#website","url":"https:\/\/media-met.hr\/en\/","name":"Izrada web stranica Karlovac | Media-met agencija","alternateName":"Media-met digitalna agencija","description":"Profesionalna izrada web stranica i SEO optimizacija u Karlovcu. 15+ godina iskustva, 200+ projekata. Zatra\u017eite besplatnu ponudu!","inLanguage":"en-US","publisher":{"@id":"https:\/\/media-met.hr\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"Izrada web stranica Karlovac | Media-met agencija | Profesionalna izrada web stranica i SEO optimizacija u Karlovcu. 15+ godina iskustva, 200+ projekata. Zatra\u017eite besplatnu ponudu!","og:type":"article","og:title":"Education record application","og:description":"Portfolio \u2014 Education & License Tracking Education & License Tracking Web application \u00b7 Karlovac County Institute of Emergency Medicine A comprehensive solution for managing the training, certificates, and licenses of medical staff. A multi-user system with a MySQL database, accessible from any device. PHP + MySQL HTML \/ CSS \/ JS REST API PWA Multi-user","og:url":"https:\/\/media-met.hr\/en\/project\/education-record-application\/","article:published_time":"2026-04-28T19:05:31+00:00","article:modified_time":"2026-06-25T20:34:45+00:00","article:publisher":"https:\/\/www.facebook.com\/media1met","twitter:card":"summary_large_image","twitter:title":"Education record application","twitter:description":"Portfolio \u2014 Education & License Tracking Education & License Tracking Web application \u00b7 Karlovac County Institute of Emergency Medicine A comprehensive solution for managing the training, certificates, and licenses of medical staff. A multi-user system with a MySQL database, accessible from any device. PHP + MySQL HTML \/ CSS \/ JS REST API PWA Multi-user"},"aioseo_meta_data":{"post_id":"281898","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-06-25 19:07:32","updated":"2026-06-25 21:25:41","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/media-met.hr\/en\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/media-met.hr\/en\/project\/\" title=\"Projects\">Projects<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/media-met.hr\/en\/project_category\/public-sector\/\" title=\"Public Sector\">Public Sector<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tEducation record application\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/media-met.hr\/en\/"},{"label":"Projects","link":"https:\/\/media-met.hr\/en\/project\/"},{"label":"Public Sector","link":"https:\/\/media-met.hr\/en\/project_category\/public-sector\/"},{"label":"Education record application","link":"https:\/\/media-met.hr\/en\/project\/education-record-application\/"}],"_links":{"self":[{"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/project\/281898","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/comments?post=281898"}],"version-history":[{"count":3,"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/project\/281898\/revisions"}],"predecessor-version":[{"id":281975,"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/project\/281898\/revisions\/281975"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/media\/281757"}],"wp:attachment":[{"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/media?parent=281898"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/project_category?post=281898"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/project_tag?post=281898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n\nPortfolio \u2014 Education & License Tracking<\/title>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap');\n*{box-sizing:border-box;margin:0;padding:0}\nbody{font-family:'Poppins',sans-serif;background:transparent;color:#fff;line-height:1.6}\n.portfolio-wrap{max-width:98%;margin:0 auto;padding:2rem 1rem;font-family:'Poppins',sans-serif}\n\n\/* HERO *\/\n.hero{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#fff;padding:3rem 2.5rem;border-radius:16px;margin-bottom:2.5rem;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:rgba(255,255,255,.04);border-radius:50%}\n.hero::after{content:'';position:absolute;bottom:-60px;right:60px;width:300px;height:300px;background:rgba(255,255,255,.03);border-radius:50%}\n.hero h1{font-size:32px;font-weight:700;margin-bottom:.5rem;position:relative}\n.hero .subtitle{font-size:16px;opacity:.75;margin-bottom:1.5rem;position:relative}\n.hero .desc{font-size:15px;opacity:.85;line-height:1.7;max-width:580px;position:relative}\n.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:1.5rem;position:relative}\n.tag{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:12px;font-weight:500;padding:4px 12px;border-radius:20px}\n\n\/* SECTIONS *\/\n.section{margin-bottom:2.5rem}\n.section-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid rgba(255,255,255,.15);display:flex;align-items:center;gap:10px}\n.section-title span{background:rgba(255,255,255,.15);color:#fff;font-size:14px;padding:2px 10px;border-radius:20px;font-weight:500}\n\n\/* APP MOCKUP *\/\n.mockup-wrap{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1.25rem;box-shadow:0 4px 24px rgba(0,0,0,.3)}\n.mockup-bar{background:#1a4a8a;border-radius:10px 10px 0 0;padding:10px 16px;display:flex;justify-content:space-between;align-items:center}\n.mockup-bar-title{color:#fff;font-size:13px;font-weight:600}\n.mockup-bar-url{color:rgba(255,255,255,.6);font-size:11px}\n.mockup-body{background:rgba(255,255,255,.05);border-radius:0 0 10px 10px;display:flex;min-height:220px;overflow:hidden}\n.mock-sidebar{width:145px;background:rgba(0,0,0,.2);border-right:1px solid rgba(255,255,255,.1);padding:8px 0;flex-shrink:0}\n.mock-nav-label{font-size:9px;font-weight:700;text-transform:uppercase;color:rgba(255,255,255,.4);padding:8px 10px 3px;letter-spacing:.6px}\n.mock-nav-item{padding:6px 10px;font-size:11px;color:rgba(255,255,255,.65);cursor:default}\n.mock-nav-item.active{background:rgba(255,255,255,.15);color:#fff;font-weight:600;border-left:2px solid #fff}\n.mock-nav-item.red{color:#8a1818}\n.mock-nav-item.amber{color:#7a4e00}\n.mock-main{flex:1;padding:12px}\n.mock-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}\n.mock-stat{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px;text-align:center}\n.mock-stat-num{font-size:18px;font-weight:700;color:#fff}\n.mock-stat-num.red{color:#8a1818}\n.mock-stat-num.green{color:#256a18}\n.mock-stat-num.amber{color:#7a4e00}\n.mock-stat-lbl{font-size:9px;color:rgba(255,255,255,.55)}\n.mock-table{width:100%;border-collapse:collapse;font-size:10px;background:rgba(0,0,0,.2);border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}\n.mock-table th{background:rgba(255,255,255,.08);padding:5px 8px;text-align:left;color:rgba(255,255,255,.5);font-size:9px;text-transform:uppercase;font-weight:600}\n.mock-table td{padding:5px 8px;border-bottom:1px solid rgba(255,255,255,.07);color:#fff}\n.mock-table tr:last-child td{border-bottom:none}\n.blurred{filter:blur(4px);user-select:none}\n.bdg{font-size:9px;padding:2px 6px;border-radius:9px;font-weight:500}\n.bdg-ok{background:#e5f3de;color:#256a18}\n.bdg-warn{background:#fef2d0;color:#7a4e00}\n.bdg-danger{background:#fde5e5;color:#8a1818}\n.bdg-none{background:#f5f3ef;color:#aaa}\n\n\/* FEATURE CARDS *\/\n.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}\n.feat-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:1.25rem;transition:box-shadow .2s}\n.feat-card:hover{box-shadow:0 4px 24px rgba(0,0,0,.3);background:rgba(255,255,255,.1)}\n.feat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:.75rem}\n.feat-card h3{font-size:15px;font-weight:700;color:#fff;margin-bottom:.4rem}\n.feat-card p{font-size:13px;color:rgba(255,255,255,.7);line-height:1.55}\n\n\/* MODULES *\/\n.mod-item{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.85rem 1.1rem;margin-bottom:.6rem;display:flex;justify-content:space-between;align-items:center}\n.mod-item-name{font-size:14px;font-weight:600;color:#fff}\n.mod-item-sub{font-size:12px;color:rgba(255,255,255,.55);margin-top:2px}\n.mod-count{background:rgba(255,255,255,.15);color:#fff;font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px}\n\n\/* TECH *\/\n.tech-pills{display:flex;flex-wrap:wrap;gap:8px}\n.tech-pill{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:5px 14px;font-size:13px;color:rgba(255,255,255,.8);font-weight:500}\n\n\/* TIMELINE *\/\n.timeline{border-left:3px solid rgba(255,255,255,.2);padding-left:1.75rem;margin-left:.5rem}\n.tl-item{margin-bottom:1.5rem;position:relative}\n.tl-dot{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;left:-2.2rem;top:4px;border:3px solid rgba(255,255,255,.2)}\n.tl-item h4{font-size:15px;font-weight:700;color:#fff;margin-bottom:.3rem}\n.tl-item p{font-size:13px;color:rgba(255,255,255,.65);line-height:1.55}\n.tl-date{font-size:11px;color:rgba(255,255,255,.5);font-weight:600;margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.5px}\n\n\/* STATS ROW *\/\n.big-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:1.5rem}\n.big-stat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:1.25rem;text-align:center}\n.big-stat-num{font-size:32px;font-weight:700;color:#fff}\n.big-stat-lbl{font-size:13px;color:rgba(255,255,255,.6);margin-top:.25rem}\n\n\/* INFO BOX *\/\n.info-box{background:rgba(255,255,255,.08);border-left:4px solid rgba(255,255,255,.4);border-radius:0 12px 12px 0;padding:1.25rem 1.5rem}\n.info-box p{font-size:14px;color:rgba(255,255,255,.85);line-height:1.65}\n.info-box .client{font-size:12px;color:rgba(255,255,255,.55);font-weight:600;margin-top:.5rem}\n\n@media(max-width:600px){\n .hero{padding:2rem 1.5rem}\n .hero h1{font-size:24px}\n .mockup-body{flex-direction:column}\n .mock-sidebar{width:100%;border-right:none;border-bottom:1px solid #ddd9d0;padding:4px 0;display:flex;flex-wrap:wrap;gap:0}\n .mock-nav-label{display:none}\n .mock-nav-item{padding:4px 8px;font-size:10px}\n .mock-stats{grid-template-columns:repeat(2,1fr)}\n .feat-grid{grid-template-columns:1fr}\n .big-stats{grid-template-columns:repeat(2,1fr)}\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"portfolio-wrap\">\n\n\n<div class=\"hero\">\n <h1>Education & License Tracking<\/h1>\n <div class=\"subtitle\">Web application \u00b7 Karlovac County Institute of Emergency Medicine<\/div>\n <div class=\"desc\">A comprehensive solution for managing the training, certificates, and licenses of medical staff. A multi-user system with a MySQL database, accessible from any device.<\/div>\n <div class=\"tags\">\n <span class=\"tag\">PHP + MySQL<\/span>\n <span class=\"tag\">HTML \/ CSS \/ JS<\/span>\n <span class=\"tag\">REST API<\/span>\n <span class=\"tag\">PWA<\/span>\n <span class=\"tag\">Multi-user<\/span>\n <span class=\"tag\">Dark mode<\/span>\n <span class=\"tag\">Responsive<\/span>\n <\/div>\n<\/div>\n\n\n<div class=\"section\">\n <div class=\"section-title\">The project in numbers <span>County Institute 2026<\/span><\/div>\n <div class=\"big-stats\">\n <div class=\"big-stat\"><div class=\"big-stat-num\">218<\/div><div class=\"big-stat-lbl\">Registered employees<\/div><\/div>\n <div class=\"big-stat\"><div class=\"big-stat-num\">13<\/div><div class=\"big-stat-lbl\">Modular courses<\/div><\/div>\n <div class=\"big-stat\"><div class=\"big-stat-num\">200+<\/div><div class=\"big-stat-lbl\">Course participants<\/div><\/div>\n <div class=\"big-stat\"><div class=\"big-stat-num\">3<\/div><div class=\"big-stat-lbl\">Standard certificates<\/div><\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"section\">\n <div class=\"section-title\">Application interface<\/div>\n <div class=\"mockup-wrap\">\n <div class=\"mockup-bar\">\n <span class=\"mockup-bar-title\">Education & License Tracking \u2014 County Institute<\/span>\n <span class=\"mockup-bar-url\">zzhm-kz.hr\/evidencija<\/span>\n <\/div>\n <div class=\"mockup-body\">\n <div class=\"mock-sidebar\">\n <div class=\"mock-nav-label\">Overview<\/div>\n <div class=\"mock-nav-item active\">All employees<\/div>\n <div class=\"mock-nav-item red\">\u26a0 Expired<\/div>\n <div class=\"mock-nav-item amber\">\ud83d\udd14 Expiring soon<\/div>\n <div class=\"mock-nav-label\">Team \/ Program<\/div>\n <div class=\"mock-nav-item\">IHMS<\/div>\n <div class=\"mock-nav-item\">MPDJ<\/div>\n <div class=\"mock-nav-item\">Medical transport<\/div>\n <div class=\"mock-nav-label\">Modular courses<\/div>\n <div class=\"mock-nav-item\">All participants<\/div>\n <div class=\"mock-nav-item\">Course management<\/div>\n <div class=\"mock-nav-label\">Users<\/div>\n <div class=\"mock-nav-item\">\ud83d\udc64 Users<\/div>\n <div class=\"mock-nav-item\" style=\"color:#8a1818\">\ud83d\udeaa Log out<\/div>\n <\/div>\n <div class=\"mock-main\">\n <div class=\"mock-stats\">\n <div class=\"mock-stat\"><div class=\"mock-stat-num\">218<\/div><div class=\"mock-stat-lbl\">Total<\/div><\/div>\n <div class=\"mock-stat\"><div class=\"mock-stat-num red\">8<\/div><div class=\"mock-stat-lbl\">Expired<\/div><\/div>\n <div class=\"mock-stat\"><div class=\"mock-stat-num amber\">14<\/div><div class=\"mock-stat-lbl\">Soon<\/div><\/div>\n <div class=\"mock-stat\"><div class=\"mock-stat-num green\">196<\/div><div class=\"mock-stat-lbl\">Valid<\/div><\/div>\n <\/div>\n <table class=\"mock-table\">\n <thead><tr><th>Employee<\/th><th>Position<\/th><th>IHMS<\/th><th>MPDJ<\/th><th>SP<\/th><\/tr><\/thead>\n <tbody>\n <tr>\n <td><span class=\"blurred\">Babi\u0107 Dorijan<\/span><\/td>\n <td style=\"color:rgba(255,255,255,.55)\">MD in EMS team<\/td>\n <td><span class=\"bdg bdg-ok\">Valid<\/span><\/td>\n <td><span class=\"bdg bdg-none\">None<\/span><\/td>\n <td><span class=\"bdg bdg-none\">None<\/span><\/td>\n <\/tr>\n <tr>\n <td><span class=\"blurred\">Brozovi\u0107 Svetlana<\/span><\/td>\n <td style=\"color:rgba(255,255,255,.55)\">MS-MT in MPDJ<\/td>\n <td><span class=\"bdg bdg-warn\">Soon<\/span><\/td>\n <td><span class=\"bdg bdg-ok\">Valid<\/span><\/td>\n <td><span class=\"bdg bdg-none\">None<\/span><\/td>\n <\/tr>\n <tr>\n <td><span class=\"blurred\">Markovina Zvonimir<\/span><\/td>\n <td style=\"color:rgba(255,255,255,.55)\">MD in EMS team<\/td>\n <td><span class=\"bdg bdg-danger\">Expired<\/span><\/td>\n <td><span class=\"bdg bdg-none\">None<\/span><\/td>\n <td><span class=\"bdg bdg-none\">None<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"section\">\n <div class=\"section-title\">Key features<\/div>\n <div class=\"feat-grid\">\n <div class=\"feat-card\">\n <div class=\"feat-icon\" style=\"background:rgba(255,255,255,.12)\">\ud83d\udc65<\/div>\n <h3>Employee records<\/h3>\n <p>218 employees with certificates, occupations, positions, and real-time license statuses.<\/p>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon\" style=\"background:rgba(255,255,255,.12)\">\ud83d\udccb<\/div>\n <h3>Certificate tracking<\/h3>\n <p>Automatic certificate-expiry checks \u2014 IHMS, MPDJ, SP. Visual alerts 90 days in advance.<\/p>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon\" style=\"background:rgba(255,255,255,.12)\">\ud83c\udf93<\/div>\n <h3>Modular courses<\/h3>\n <p>Records of participants in external and internal courses, with attendance dates and their organization of origin.<\/p>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon\" style=\"background:rgba(255,255,255,.12)\">\ud83d\udd12<\/div>\n <h3>Multi-user system<\/h3>\n <p>Login with administrator and user roles. User management directly through the application interface.<\/p>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon\" style=\"background:rgba(255,255,255,.12)\">\ud83d\udcca<\/div>\n <h3>Data export and import<\/h3>\n <p>Export to JSON, CSV (Excel), and PDF print. One-click import of historical data from JSON files.<\/p>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon\" style=\"background:rgba(255,255,255,.12)\">\ud83d\udcf1<\/div>\n <h3>PWA \u2014 installable app<\/h3>\n <p>Installs as a native app on desktop, phone, and tablet. Access from any device and OS.<\/p>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon\" style=\"background:rgba(255,255,255,.12)\">\ud83c\udf19<\/div>\n <h3>Dark mode<\/h3>\n <p>Switch between light and dark mode with one click. The preference is remembered per user.<\/p>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon\" style=\"background:rgba(255,255,255,.12)\">\ud83d\udd0d<\/div>\n <h3>Advanced filters<\/h3>\n <p>Search and filter by team, occupation, certificate status, date, and year. Data grouping.<\/p>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon\" style=\"background:rgba(255,255,255,.12)\">\ud83d\udcf8<\/div>\n <h3>Entry from a photo<\/h3>\n <p>Course participants are added by scanning\/photographing a list \u2014 AI reads the data and generates the SQL entry.<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"section\">\n <div class=\"section-title\">Modular courses<\/div>\n <div class=\"mod-item\"><div><div class=\"mod-item-name\">Basic Life Support for adults with AED use<\/div><div class=\"mod-item-sub\">Modular course \u00b7 multiple groups<\/div><\/div><span class=\"mod-count\">87+ participants<\/span><\/div>\n <div class=\"mod-item\"><div><div class=\"mod-item-name\">EV \u2014 Acquiring practical emergency-medicine skills<\/div><div class=\"mod-item-sub\">Modular course \u00b7 ATJ Lu\u010dko<\/div><\/div><span class=\"mod-count\">17 participants<\/span><\/div>\n <div class=\"mod-item\"><div><div class=\"mod-item-name\">Rapid Sequence Intubation (RSI)<\/div><div class=\"mod-item-sub\">Modular course<\/div><\/div><span class=\"mod-count\">12 participants<\/span><\/div>\n <div class=\"mod-item\"><div><div class=\"mod-item-name\">Advanced Life Support for adults<\/div><div class=\"mod-item-sub\">Modular course<\/div><\/div><span class=\"mod-count\">8 participants<\/span><\/div>\n <div class=\"mod-item\"><div><div class=\"mod-item-name\">First aid for adults<\/div><div class=\"mod-item-sub\">Modular course<\/div><\/div><span class=\"mod-count\">5 participants<\/span><\/div>\n <div style=\"font-size:13px;color:rgba(255,255,255,.5);margin-top:.75rem\">+ 8 additional modular courses<\/div>\n<\/div>\n\n\n<div class=\"section\">\n <div class=\"section-title\">Project development<\/div>\n <div class=\"timeline\">\n <div class=\"tl-item\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-date\">Phase 1<\/div>\n <h4>Design and structure<\/h4>\n <p>HTML\/CSS\/JS single-page application. Records of 218 employees, certificates with automatic expiry tracking, filters, grouping by team and occupation.<\/p>\n <\/div>\n <div class=\"tl-item\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-date\">Phase 2<\/div>\n <h4>Modular courses and participants<\/h4>\n <p>A new section for external participants and internal employees. Modular-course management, advanced filters, and a table view with PDF export.<\/p>\n <\/div>\n <div class=\"tl-item\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-date\">Phase 3<\/div>\n <h4>MySQL backend and REST API<\/h4>\n <p>Migration from localStorage to PHP + MySQL. REST API development, multi-user access with a login system and administrator\/user roles.<\/p>\n <\/div>\n <div class=\"tl-item\">\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-date\">Phase 4<\/div>\n <h4>Deployment, PWA, and dark mode<\/h4>\n <p>Deployment to a production server, a PWA manifest for installation as an app, a dark-mode interface, and optimization for mobile devices.<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"section\">\n <div class=\"section-title\">Tech stack<\/div>\n <div class=\"tech-pills\">\n <span class=\"tech-pill\">HTML5<\/span>\n <span class=\"tech-pill\">CSS3<\/span>\n <span class=\"tech-pill\">Vanilla JavaScript<\/span>\n <span class=\"tech-pill\">PHP 8<\/span>\n <span class=\"tech-pill\">MySQL<\/span>\n <span class=\"tech-pill\">PDO<\/span>\n <span class=\"tech-pill\">REST API<\/span>\n <span class=\"tech-pill\">PWA<\/span>\n <span class=\"tech-pill\">Web Manifest<\/span>\n <span class=\"tech-pill\">cPanel Hosting<\/span>\n <span class=\"tech-pill\">Responsive Design<\/span>\n <span class=\"tech-pill\">Dark Mode<\/span>\n <\/div>\n<\/div>\n\n\n<div class=\"section\">\n <div class=\"section-title\">About the project<\/div>\n <div class=\"info-box\">\n <p>The application was developed for the Karlovac County Institute of Emergency Medicine as an internal solution for tracking the training and licenses of medical staff. Accessible from any device at zzhm-kz.hr\/evidencija. Development was carried out iteratively, with the client actively involved throughout the entire process.<\/p>\n <div class=\"client\">Karlovac County Institute of Emergency Medicine \u00b7 2025\/2026<\/div>\n <\/div>\n<\/div>\n\n<\/div>\n<\/body>\n<\/html><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":281757,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"project_category":[93,82,91],"project_tag":[],"class_list":["post-281898","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-healthcare","project_category-public-sector","project_category-web-applications"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t<meta name=\"description\" content=\"Portfolio \u2014 Education & License Tracking Education & License Tracking Web application \u00b7 Karlovac County Institute of Emergency Medicine A comprehensive solution for managing the training, certificates, and licenses of medical staff. A multi-user system with a MySQL database, accessible from any device. PHP + MySQL HTML \/ CSS \/ JS REST API PWA Multi-user\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"admin\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/media-met.hr\/en\/project\/education-record-application\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.9\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Izrada web stranica Karlovac | Media-met agencija | Profesionalna izrada web stranica i SEO optimizacija u Karlovcu. 15+ godina iskustva, 200+ projekata. Zatra\u017eite besplatnu ponudu!\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Education record application\" \/>\n\t\t<meta property=\"og:description\" content=\"Portfolio \u2014 Education & License Tracking Education & License Tracking Web application \u00b7 Karlovac County Institute of Emergency Medicine A comprehensive solution for managing the training, certificates, and licenses of medical staff. A multi-user system with a MySQL database, accessible from any device. PHP + MySQL HTML \/ CSS \/ JS REST API PWA Multi-user\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/media-met.hr\/en\/project\/education-record-application\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-04-28T19:05:31+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-06-25T20:34:45+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/media1met\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Education record application\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Portfolio \u2014 Education & License Tracking Education & License Tracking Web application \u00b7 Karlovac County Institute of Emergency Medicine A comprehensive solution for managing the training, certificates, and licenses of medical staff. A multi-user system with a MySQL database, accessible from any device. PHP + MySQL HTML \/ CSS \/ JS REST API PWA Multi-user\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/education-record-application\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/media-met.hr\\\/en\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/#listItem\",\"name\":\"Projects\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/#listItem\",\"position\":2,\"name\":\"Projects\",\"item\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project_category\\\/public-sector\\\/#listItem\",\"name\":\"Public Sector\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project_category\\\/public-sector\\\/#listItem\",\"position\":3,\"name\":\"Public Sector\",\"item\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project_category\\\/public-sector\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/education-record-application\\\/#listItem\",\"name\":\"Education record application\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/#listItem\",\"name\":\"Projects\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/education-record-application\\\/#listItem\",\"position\":4,\"name\":\"Education record application\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project_category\\\/public-sector\\\/#listItem\",\"name\":\"Public Sector\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#organization\",\"name\":\"Media-met\",\"description\":\"Kreativna digitalna agencija za izradu web stranica, SEO optimizaciju i vizualni identitet. 15+ godina iskustva, 200+ projekata u Hrvatskoj.\",\"url\":\"https:\\\/\\\/media-met.hr\\\/en\\\/\",\"email\":\"info@media-met.hr\",\"telephone\":\"+385953344666\",\"foundingDate\":\"2011-09-01\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":1,\"maxValue\":5},\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/media-met.hr\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/mediamet-logo-1.webp\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/education-record-application\\\/#organizationLogo\",\"width\":485,\"height\":145,\"caption\":\"Logo Media-met\"},\"image\":{\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/education-record-application\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/media1met\",\"https:\\\/\\\/www.instagram.com\\\/mediamet\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/mgvozdak\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/author\\\/tester\\\/#author\",\"url\":\"https:\\\/\\\/media-met.hr\\\/en\\\/author\\\/tester\\\/\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/education-record-application\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b73d46937ac0ccd435f5697f06ab9ef64d9c7a130083890070393586ea1918d6?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"admin\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/education-record-application\\\/#webpage\",\"url\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/education-record-application\\\/\",\"name\":\"Education record application\",\"description\":\"Portfolio \\u2014 Education & License Tracking Education & License Tracking Web application \\u00b7 Karlovac County Institute of Emergency Medicine A comprehensive solution for managing the training, certificates, and licenses of medical staff. A multi-user system with a MySQL database, accessible from any device. PHP + MySQL HTML \\\/ CSS \\\/ JS REST API PWA Multi-user\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/education-record-application\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/author\\\/tester\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/author\\\/tester\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/media-met.hr\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Aplikacija-evidencija-edukacija.webp\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/education-record-application\\\/#mainImage\",\"width\":1602,\"height\":800,\"caption\":\"Education record application\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/project\\\/education-record-application\\\/#mainImage\"},\"datePublished\":\"2026-04-28T21:05:31+02:00\",\"dateModified\":\"2026-06-25T22:34:45+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/media-met.hr\\\/en\\\/\",\"name\":\"Izrada web stranica Karlovac | Media-met agencija\",\"alternateName\":\"Media-met digitalna agencija\",\"description\":\"Profesionalna izrada web stranica i SEO optimizacija u Karlovcu. 15+ godina iskustva, 200+ projekata. Zatra\\u017eite besplatnu ponudu!\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t\n\n","aioseo_head_json":{"title":"Education record application","description":"Portfolio \u2014 Education & License Tracking Education & License Tracking Web application \u00b7 Karlovac County Institute of Emergency Medicine A comprehensive solution for managing the training, certificates, and licenses of medical staff. A multi-user system with a MySQL database, accessible from any device. PHP + MySQL HTML \/ CSS \/ JS REST API PWA Multi-user","canonical_url":"https:\/\/media-met.hr\/en\/project\/education-record-application\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/media-met.hr\/en\/project\/education-record-application\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/#listItem","position":1,"name":"Home","item":"https:\/\/media-met.hr\/en\/","nextItem":{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/project\/#listItem","name":"Projects"}},{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/project\/#listItem","position":2,"name":"Projects","item":"https:\/\/media-met.hr\/en\/project\/","nextItem":{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/project_category\/public-sector\/#listItem","name":"Public Sector"},"previousItem":{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/project_category\/public-sector\/#listItem","position":3,"name":"Public Sector","item":"https:\/\/media-met.hr\/en\/project_category\/public-sector\/","nextItem":{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/project\/education-record-application\/#listItem","name":"Education record application"},"previousItem":{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/project\/#listItem","name":"Projects"}},{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/project\/education-record-application\/#listItem","position":4,"name":"Education record application","previousItem":{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/project_category\/public-sector\/#listItem","name":"Public Sector"}}]},{"@type":"Organization","@id":"https:\/\/media-met.hr\/en\/#organization","name":"Media-met","description":"Kreativna digitalna agencija za izradu web stranica, SEO optimizaciju i vizualni identitet. 15+ godina iskustva, 200+ projekata u Hrvatskoj.","url":"https:\/\/media-met.hr\/en\/","email":"info@media-met.hr","telephone":"+385953344666","foundingDate":"2011-09-01","numberOfEmployees":{"@type":"QuantitativeValue","minValue":1,"maxValue":5},"logo":{"@type":"ImageObject","url":"https:\/\/media-met.hr\/wp-content\/uploads\/2025\/11\/mediamet-logo-1.webp","@id":"https:\/\/media-met.hr\/en\/project\/education-record-application\/#organizationLogo","width":485,"height":145,"caption":"Logo Media-met"},"image":{"@id":"https:\/\/media-met.hr\/en\/project\/education-record-application\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/media1met","https:\/\/www.instagram.com\/mediamet","https:\/\/www.linkedin.com\/in\/mgvozdak"]},{"@type":"Person","@id":"https:\/\/media-met.hr\/en\/author\/tester\/#author","url":"https:\/\/media-met.hr\/en\/author\/tester\/","name":"admin","image":{"@type":"ImageObject","@id":"https:\/\/media-met.hr\/en\/project\/education-record-application\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/b73d46937ac0ccd435f5697f06ab9ef64d9c7a130083890070393586ea1918d6?s=96&d=mm&r=g","width":96,"height":96,"caption":"admin"}},{"@type":"WebPage","@id":"https:\/\/media-met.hr\/en\/project\/education-record-application\/#webpage","url":"https:\/\/media-met.hr\/en\/project\/education-record-application\/","name":"Education record application","description":"Portfolio \u2014 Education & License Tracking Education & License Tracking Web application \u00b7 Karlovac County Institute of Emergency Medicine A comprehensive solution for managing the training, certificates, and licenses of medical staff. A multi-user system with a MySQL database, accessible from any device. PHP + MySQL HTML \/ CSS \/ JS REST API PWA Multi-user","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/media-met.hr\/en\/#website"},"breadcrumb":{"@id":"https:\/\/media-met.hr\/en\/project\/education-record-application\/#breadcrumblist"},"author":{"@id":"https:\/\/media-met.hr\/en\/author\/tester\/#author"},"creator":{"@id":"https:\/\/media-met.hr\/en\/author\/tester\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/media-met.hr\/wp-content\/uploads\/2026\/04\/Aplikacija-evidencija-edukacija.webp","@id":"https:\/\/media-met.hr\/en\/project\/education-record-application\/#mainImage","width":1602,"height":800,"caption":"Education record application"},"primaryImageOfPage":{"@id":"https:\/\/media-met.hr\/en\/project\/education-record-application\/#mainImage"},"datePublished":"2026-04-28T21:05:31+02:00","dateModified":"2026-06-25T22:34:45+02:00"},{"@type":"WebSite","@id":"https:\/\/media-met.hr\/en\/#website","url":"https:\/\/media-met.hr\/en\/","name":"Izrada web stranica Karlovac | Media-met agencija","alternateName":"Media-met digitalna agencija","description":"Profesionalna izrada web stranica i SEO optimizacija u Karlovcu. 15+ godina iskustva, 200+ projekata. Zatra\u017eite besplatnu ponudu!","inLanguage":"en-US","publisher":{"@id":"https:\/\/media-met.hr\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"Izrada web stranica Karlovac | Media-met agencija | Profesionalna izrada web stranica i SEO optimizacija u Karlovcu. 15+ godina iskustva, 200+ projekata. Zatra\u017eite besplatnu ponudu!","og:type":"article","og:title":"Education record application","og:description":"Portfolio \u2014 Education & License Tracking Education & License Tracking Web application \u00b7 Karlovac County Institute of Emergency Medicine A comprehensive solution for managing the training, certificates, and licenses of medical staff. A multi-user system with a MySQL database, accessible from any device. PHP + MySQL HTML \/ CSS \/ JS REST API PWA Multi-user","og:url":"https:\/\/media-met.hr\/en\/project\/education-record-application\/","article:published_time":"2026-04-28T19:05:31+00:00","article:modified_time":"2026-06-25T20:34:45+00:00","article:publisher":"https:\/\/www.facebook.com\/media1met","twitter:card":"summary_large_image","twitter:title":"Education record application","twitter:description":"Portfolio \u2014 Education & License Tracking Education & License Tracking Web application \u00b7 Karlovac County Institute of Emergency Medicine A comprehensive solution for managing the training, certificates, and licenses of medical staff. A multi-user system with a MySQL database, accessible from any device. PHP + MySQL HTML \/ CSS \/ JS REST API PWA Multi-user"},"aioseo_meta_data":{"post_id":"281898","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-06-25 19:07:32","updated":"2026-06-25 21:25:41","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/media-met.hr\/en\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/media-met.hr\/en\/project\/\" title=\"Projects\">Projects<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/media-met.hr\/en\/project_category\/public-sector\/\" title=\"Public Sector\">Public Sector<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tEducation record application\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/media-met.hr\/en\/"},{"label":"Projects","link":"https:\/\/media-met.hr\/en\/project\/"},{"label":"Public Sector","link":"https:\/\/media-met.hr\/en\/project_category\/public-sector\/"},{"label":"Education record application","link":"https:\/\/media-met.hr\/en\/project\/education-record-application\/"}],"_links":{"self":[{"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/project\/281898","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/comments?post=281898"}],"version-history":[{"count":3,"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/project\/281898\/revisions"}],"predecessor-version":[{"id":281975,"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/project\/281898\/revisions\/281975"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/media\/281757"}],"wp:attachment":[{"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/media?parent=281898"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/project_category?post=281898"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/project_tag?post=281898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}