Розробка сайтів

Офіційний сайт ГО «Фанпроект Синельникове»

Офіційний сайт громадської організації «Фанпроект Синельникове» з власною адмінкою: новини й проєкти, відкриті документи та реквізити, онлайн-вступ, англійська версія, візуальний редактор і власна статистика відвідувань. Що вміє: — публічна частина: головна, про організацію, проєкти, новини, документи, реквізити, пожертви, сторінка бренду з файлами для завантаження, часті запитання, карта сайту, сторінка 404 з підказками; — онлайн-анкета вступу: перевірка даних і віку, згода батьків для неповнолітніх, захист від спаму (Cloudflare Turnstile із запасним запитанням, медовий горщик, ліміти запитів), лист-підтвердження заявнику й копія заявок у Google Таблиці; — адмінка: новини й проєкти (чернетки, відкладена публікація, автоматичні обкладинки), сторінки, документи (PDF, зображення, Office), FAQ, заявки зі статусами, примітками й експортом, реквізити й контакти, оновлення даних SQL-файлами в один клік; — візуальний редактор тексту: заголовки, списки, цитати, посилання, таблиці, зображення з автозменшенням, відео YouTube без cookie, вставка з Word і Google Docs; — огляд з власною статистикою відвідувань: відвідувачі, перегляди, джерела, пристрої, топ сторінок, заявки по днях, помилки 404 і стан системи; без cookie й без збереження IP-адрес; — дві мови, українська та English: переклад усього контенту у вкладці English, режим перегляду перед публікацією, hreflang; — вхід в адмінку з двофакторною автентифікацією (Google Authenticator) і кодами відновлення; — вікно згоди на cookies; Google Analytics 4 вмикається лише після згоди відвідувача; — SEO та ШІ-пошук: мікророзмітка Schema.org, FAQPage, sitemap.xml, llms.txt, керування доступом ШІ-краулерів. Технології: — PHP 8 без фреймворків і Composer (близько 8,5 тис. рядків: маршрутизатор, шаблони, службові модулі), SQLite через PDO (11 таблиць, 21 SQL-міграція з журналом виконаних); — фронтенд на чистих HTML, CSS і JavaScript: адаптивна верстка для десктопа, планшета й телефона, графіки в SVG без бібліотек, шрифт Inter підключено локально, зображення з відкладеним завантаженням; єдина стороння бібліотека в коді — генератор QR-коду для двофакторної автентифікації (працює в браузері); — front controller і .htaccess: чисті адреси, редірект www і другого домену на основну адресу, HTTPS і HSTS; — деплой: GitHub → Hostinger (LiteSpeed) за push у main; — обкладинки новин і проєктів, якщо не завантажено власну, малюються на сервері через GD: унікальні для кожного запису й кешуються. Безпека: — суворий CSP без inline-скриптів і стилів, X-Frame-Options, X-Content-Type-Options, Referrer-Policy, HSTS; — паролі зберігаються лише хешами, обмеження спроб входу, CSRF-токени, двофакторна автентифікація за RFC 6238 (секрет шифрується AES-256-GCM, коди відновлення зберігаються хешами); — текст з редактора очищується на сервері за білим списком тегів (без скриптів, стилів і чужих вставок), завантажені файли перевіряються за типом і вмістом; — документи віддаються через PHP із закритого каталогу, а не за прямими адресами; — мінімум персональних даних: повна адреса й телефон не лежать у HTML (з'являються за кліком), IP-адреси в заявках зберігаються лише хешем, заявки без рішення видаляються через 12 місяців, статистика відвідувань не зберігає IP. SEO і швидкість: — унікальні title і description кожної сторінки, canonical, hreflang, Open Graph, розмітка NGO, WebSite, BreadcrumbList, NewsArticle, FAQPage, DonateAction; — sitemap.xml із датами оновлення та мовними версіями, HTML-карта сайту, robots.txt з керуванням ШІ-краулерами, llms.txt; — gzip, довге кешування статики з версією за часом файлу, шрифти без зовнішніх запитів, публічні сторінки без cookie. Розробка з AI: Claude Code писав код і міграції, порівнював HTML сторінок до й після кожної зміни, перевіряв мобільну версію та розмітку в headless-браузері; архітектурні рішення, безпека й вичитка змісту — за нами. Код: приватний репозиторій GitHub (показуємо на запит).