Photographer Portfolio & CMS 📸

For Polish version, scroll down / Polska wersja poniżej

A clean, modern, premium portfolio template designed for photographers and visual artists, featuring a custom-built lightweight Content Management System (CMS) written in PHP.

🌟 Key Features

• Stunning Frontend Layout: Glassmorphism effects, responsive masonry gallery grid, smooth CSS animations.
• Built-in Photo Lightbox: Click any image in the gallery to view it in full size without reloading the page.
• Mobile Responsive: Fully adaptive design with a custom hamburger menu for mobile devices.
• Dynamic CMS (Admin Panel): Secure backend allowing the owner to:
  • Upload new photos directly to specific layout categories.
  • Delete photos dynamically (removes both the DB entry and the physical file).
  • Update the main "Hero Background" image on the homepage on the fly.

🛠 Tech Stack

• Frontend: HTML5, Vanilla CSS3 (Custom Properties, Flexbox, CSS Grid), Vanilla JavaScript (ES6+).
• Backend: PHP 8+ (PDO), RESTful JSON Endpoints (fetch API).
• Database: MySQL / MariaDB.

🚀 Setup & Installation (XAMPP/Localhost)

1. Clone the repository into your local web server directory (e.g., htdocs for XAMPP).
2. Open phpMyAdmin (http://localhost/phpmyadmin) and import the database.sql file. This will automatically create the fotografia_db database and the required photos table.
3. Make sure the uploads/ directory has proper write permissions (e.g., chmod 755).
4. Access the site via your local URL, e.g., http://localhost/strona_foto/
5. Access the Admin Panel via http://localhost/strona_foto/admin.php

   Default Password: FOTO2026 (Please change this on line 6 of admin.php before deploying to a live server!)

📄 License

This project is open-source and available under the MIT License. Feel free to use it, modify it, and build your own amazing portfolios! Code contributions by Marcin Stachura.

---

Portfolio Fotografa & CMS 📸

Prosty, nowoczesny szablon portfolio klasy premium, zaprojektowany z myślą o fotografach i artystach wizualnych. Posiada wbudowany własny, lekki system zarządzania treścią (CMS) napisany w języku PHP.

🌟 Główne funkcje

• Nowoczesny Wygląd Frontend: Efekty "glassmorphism" (szkło), responsywna siatka zdjęć typu "masonry", płynne animacje CSS.
• Wbudowany Lightbox: Kliknij dowolne zdjęcie w galerii, by wyświetlić jego powiększenie bez przeładowywania warstwy okna.
• Responsywność (Mobile-first): W pełni adaptacyjny wygląd z wbudowanym hamburger menu na urządzenia mobilne.
• Dynamiczny Panel Admina (CMS): Zabezpieczone zaplecze, pozwalające autorowi na:
  • Przesyłanie nowych prac fotograficznych do wybranej kategorii.
  • Usuwanie zdjęć przyciskiem z siatki wizualnej (z jednoczesnym usuwaniem rekordu w bazie i pliku fizycznego).
  • Wygodne nadpisywanie okładki bazy (Tła całej strony startowej).

🛠 Technologie

• Frontend: HTML5, Czysty CSS3 (Zmienne, Flexbox, CSS Grid), Czysty JavaScript (ES6+).
• Backend: PHP 8+ (PDO), Asynchroniczne odpytywanie bazy w JSON (fetch API).
• Baza Danych: MySQL / MariaDB.

🚀 Uruchomienie (Instrukcja dla XAMPP)

1. Sklonuj to repozytorium do katalogu swojego lokalnego serwera internetowego (np. htdocs w przypadku XAMPPa).
2. Otwórz phpMyAdmin (http://localhost/phpmyadmin) i wejdź w zakładkę import (lub wrzuć na czysto polecenia SQL). Użyj pliku database.sql. Skrypt utworzy właściwą bazę fotografia_db oraz tabelę photos.
3. Upewnij się, że katalog uploads/ ma uprawnienia do zapisu.
4. Otwórz projekt w przeglądarce po lokalnym adresie: np. http://localhost/strona_foto/
5. Aby uzyskać dostęp do panelu logowania wejdź pod adres: http://localhost/strona_foto/admin.php

   Domyślne hasło dostępu: FOTO2026 (Pamiętaj, by przed publikacją strony w sieci zmienić to wierszu 6 pliku admin.php)

📄 Licencja

Zezwalam na naukę z kodu i modyfikacje projektu bez problemów - ten projekt jest objęty popularną licencją otwartą domeny Open-Source MIT License. Śmiało budujcie swoje własne strony! Autor kodu bazowego: Marcin Stachura.