Skip to content

README.md

Latest commit

 

History

History
228 lines (178 loc) · 7.16 KB

README.md

File metadata and controls

228 lines (178 loc) · 7.16 KB
Raw

🌐 MirnesGlamocic.com

PHP MySQL JavaScript OpenAI License

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

📖 Overview

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.

✨ Highlights

  • Custom PHP application
  • Object-Oriented architecture
  • Database-driven content
  • OpenAI-powered AI assistant
  • Responsive design
  • SEO-friendly structure
  • Accessible interface
  • Dynamic project portfolio

🧪 Technology Stack

✔️ Frontend

  • 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

✔️ Backend

  • 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

✔️ AI Integration

  • 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

✔️ Additional Tools and Concepts

  • 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

🏗️ Project Architecture

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

📂 Features

Website and Portfolio

  • 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

AI Assistant

  • 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

🚀 Live Demo

📸 Preview

MirnesGlamocic.com Website Preview

📬 Contact

For freelance projects, remote opportunities, or collaboration:

📄 License

This project is licensed under the MIT License. See the LICENSE file for details.

🙏 Thank You

Thank you for visiting my portfolio and taking the time to explore my work.

⭐ If you find this project helpful, please give it a star!