project 08
Füzyon Akademi
The corporate website of a workshop in Gaziantep teaching robotics, software, AI and drone technology. It began as a static site and was transformed into a dynamic platform with an admin panel the organisation manages itself, then deployed to production.
- Category
- Web
- Role
- Design, development and deployment
technologies used
- PHP
- MySQL
- JavaScript
- HTML5
- CSS3
- cPanel
problem
Problem
The organisation's entire digital presence consisted of social media accounts. It could not be found in search engines and had no channel to present its programmes or achievements. On top of that, a team without technical background needed to stop depending on a developer for every content change.
solution
Solution
I first designed a lightweight, fast corporate site without any framework, deriving the colour palette from the organisation's logo and making it manageable from a single point through CSS variables. I then converted the site into a dynamic PHP and MySQL structure with a four-tab admin panel: gallery, links, content blocks and education programmes. Finally I migrated the site to the organisation's cPanel hosting and took it live, resolving DNS, SSL and character encoding issues along the way.
outcome
Outcome
The organisation now updates the gallery, its programmes and all page copy without needing a developer. The site is live with a valid SSL certificate and connected to Google Search Console and Business Profile.
key features
- 01A three-dimensional hero scene built with pure CSS perspective and preserve-3d, without Three.js.
- 02PHP + MySQL admin panel with CRUD for the gallery, external links, content blocks and education programmes.
- 03Full SEO setup with JSON-LD structured data, a sitemap and Search Console integration.
- 04Hashed login with password_hash and session fixation protection via session_regenerate_id.
- 05A custom lightbox gallery that opens by category and can be browsed with arrow keys.
why these choices
Why no framework?
At its core this was a static brochure site. Adding React or Vue would have increased load time and complexity while delivering no real benefit. Plain HTML, CSS and JavaScript gave the fastest result.
Why PHP and MySQL?
The organisation's existing cPanel hosting supported PHP and MySQL at no extra cost. A Node-based solution would have meant a new server and a monthly bill.
Why not Three.js for the 3D scene?
Three.js would have added hundreds of kilobytes to the page. I achieved the same visual effect using the browser's own perspective and preserve-3d properties, with zero additional packages.
Why a rule-based assistant?
A real AI API would have required a monthly fee and exposed the key on the client side, creating a security hole. A keyword-matching FAQ assistant met the need for free and safely.