BlackoutGuard
BlackoutGuard is a multilingual (Russian/Ukrainian) website for selling backup power systems designed to protect against power outages (blackout). The project is developed in PHP and includes the following key features:
Main features:
Multilingual: Automatic detection of browser language (Russian/Ukrainian) with the option for manual selection and saving in cookies.
Products: Catalog of inverters and batteries with power ratings of 3kW, 5kW, and above, with detailed product pages, image galleries, and a calculation calculator.
Forms and integrations: Order processing through forms with message sending to Telegram (backend/send_to_telegram.php).
SEO optimization: Validation and generation of JSON-LD structured data to improve visibility in search engines.
Responsive design: CSS styles for different devices, modal windows, animations, and user interface enhancements.
Site structure: Sections "About Us," "Catalog," "Contacts," "How It Works," with cookie support and privacy policy.
Technical implementation:
Frontend: HTML, CSS (in the assets/css/ folder), JavaScript (assets/js/) for interactivity (gallery, modals, calculator).
Backend: PHP scripts for routing (router.php), form processing, and multilingual support.
Server: Nginx configuration for production with support for extensionless URLs and redirects.
Local development: Built-in PHP server with a router for testing.
#php #webdevelopment #blackoutguard #solarpower #inverters #batteries #ukraine #webdesign #seo #telegrambot #responsive-design
Main features:
Multilingual: Automatic detection of browser language (Russian/Ukrainian) with the option for manual selection and saving in cookies.
Products: Catalog of inverters and batteries with power ratings of 3kW, 5kW, and above, with detailed product pages, image galleries, and a calculation calculator.
Forms and integrations: Order processing through forms with message sending to Telegram (backend/send_to_telegram.php).
SEO optimization: Validation and generation of JSON-LD structured data to improve visibility in search engines.
Responsive design: CSS styles for different devices, modal windows, animations, and user interface enhancements.
Site structure: Sections "About Us," "Catalog," "Contacts," "How It Works," with cookie support and privacy policy.
Technical implementation:
Frontend: HTML, CSS (in the assets/css/ folder), JavaScript (assets/js/) for interactivity (gallery, modals, calculator).
Backend: PHP scripts for routing (router.php), form processing, and multilingual support.
Server: Nginx configuration for production with support for extensionless URLs and redirects.
Local development: Built-in PHP server with a router for testing.
#php #webdevelopment #blackoutguard #solarpower #inverters #batteries #ukraine #webdesign #seo #telegrambot #responsive-design