A modern, database-driven personal portfolio built with Object-Oriented PHP, featuring an integrated AI Assistant, modular architecture, reusable components, and a strong focus on performance, maintainability, accessibility, and SEO.
🌐 Live Website: mirnesglamocic.com
This project is the official portfolio website of Mirnes Glamočić, showcasing professional experience, certifications, client work, personal projects, and web development services.
Unlike a traditional static portfolio, the website is built as a modular PHP application powered by a MySQL database. Many website sections are dynamically generated through reusable PHP classes and database-driven content.
The project also includes an integrated AI assistant that allows visitors to interact with the website through natural language.
The goal of the website is to provide a clean and professional space where potential clients or employers can easily browse my projects and contact me.
- Custom PHP application
- Object-Oriented architecture
- Database-driven content
- OpenAI-powered AI assistant
- Responsive design
- SEO-friendly structure
- Accessible interface
- Dynamic project portfolio
- HTML5 – Semantic structure and website content
- CSS3 – Styling, responsive layouts, and visual presentation
- JavaScript – Interactive behavior and dynamic user interfaces
- jQuery – DOM manipulation, event handling, and AJAX interactions
- AJAX and JSON – Asynchronous communication and structured data exchange
- PHP – Server-side processing and application logic
- Object-Oriented PHP – Modular and reusable application architecture
- MySQL – Relational database for dynamic website content
- PDO – Database access and prepared statements
- Session Management – Conversation and application state handling
- Server-Side Validation – Validation of contact and AI requests
- OpenAI Responses API
- GPT-5 mini
- Conversation and message persistence
- Server-side prompt construction
- Rate limiting
- Lead capture and management
- Error handling and application logging
- Responsive Web Design – Optimized for mobile, tablet, and desktop devices
- SEO-Friendly Structure – Clean URLs, metadata, structured data, sitemap, and robots.txt
- Accessibility – Semantic markup, ARIA attributes, keyboard support, and readable contrast
- Git and GitHub – Version control and source-code management
- XAMPP – Local development environment
- Globalhost – Production hosting environment
The project follows a modular, class-based structure with reusable components and database-driven content.
/
├── api/
│ └── chat.php AI chat endpoint
│
├── classes/
│ ├── AI.php
│ ├── AIAssistant.php
│ ├── AIClient.php
│ ├── AIConfig.php
│ ├── AIConversation.php
│ ├── AIException.php
│ ├── AIKnowledge.php
│ ├── AILead.php
│ ├── AILogger.php
│ ├── AIMessage.php
│ ├── AIPrompt.php
│ ├── AIRateLimiter.php
│ ├── AIResponse.php
│ ├── AIValidator.php
│ ├── AboutMe.php
│ ├── CertDesc.php
│ ├── CertificateCTA.php
│ ├── Config.php
│ ├── DB.php
│ ├── Entity.php
│ ├── Head.php
│ ├── Illustration.php
│ ├── Input.php
│ ├── ITA.php
│ ├── Logo.php
│ ├── Pages.php
│ ├── Photoshop.php
│ ├── Prices.php
│ ├── Quotes.php
│ ├── SectionContent.php
│ ├── Services.php
│ ├── Skills.php
│ ├── Slider.php
│ ├── SliderConfig.php
│ ├── Support.php
│ ├── WebsiteProject.php
│ ├── WebsiteRenderer.php
│ └── Resume-related classes
│
├── CSS/
│ ├── certificates.css
│ ├── chat.css
│ ├── css.php
│ ├── error.css
│ ├── projects.css
│ ├── resume.css
│ └── style.css
│
├── db/
│ ├── schema/ # Database schema and migration files
│ └── seeds/ # Initial database data
│
├── images/
├── inc/
├── JS/
│ ├── chat.js
│ ├── cert-slider.js
│ ├── form-focus.js
│ ├── main.js
│ ├── projects-buttons.js
│ ├── projects-load-more.js
│ └── validate_me.js
│
├── partials/
├── index.php
├── projects.php
├── resume.php
└── certificate pages
- Dynamic project portfolio powered by MySQL
- Categorized web development and design projects
- Modular PHP architecture with reusable classes
- Structured resume sections for experience, education, certifications, projects, languages, and skills
- Certificate pages with reusable descriptions and CTA components
- Responsive layouts optimized for mobile and desktop devices
- Contact form with frontend and server-side validation
- SEO-friendly URLs, metadata, structured data, sitemap, and robots.txt
- Optimized images, lazy loading, and progressive image handling
- Direct WhatsApp and Viber contact options
- OpenAI Responses API integration
- Context-aware conversations
- Persistent conversation and message history
- Lead capture and management
- Request rate limiting
- Server-side prompt construction
- Modular AI service architecture
- Input validation
- Error handling and logging
- Asynchronous chat communication
- Website: mirnesglamocic.com
- GitHub Repository: full-stack-web-developer-and-designer/mirnesglamocic
For freelance projects, remote opportunities, or collaboration:
- Website: mirnesglamocic.com
- Email: contact@mirnesglamocic.com
- LinkedIn: linkedin.com/in/mirnesglamocic
- GitHub: full-stack-web-developer-and-designer
This project is licensed under the MIT License. See the LICENSE file for details.
Thank you for visiting my portfolio and taking the time to explore my work.