What does Haomay Technologies build?

Haomay Technologies builds websites, web applications, e-commerce platforms, dashboards, automations, AI chatbots, custom software systems, and digital product interfaces.

Where is Haomay Technologies based?

Haomay Technologies is based in Accra, Ghana and works with businesses in Ghana, across Africa, and internationally.

How can I contact Haomay Technologies?

You can contact Haomay Technologies by email at hello@haomaytech.com or by phone at +233 59 433 2525.

BACK TO STUDIO

Content SystemContent Management

Live V1.0.0

Case Study

BLI Blog
Studio CMS

Custom Content Management System

PHP (PDO)MySQLJavaScriptHTML5CSS3PHPMailer

Year

2025

Duration

8 weeks

Project
Overview

What began as a static HTML/CSS/JavaScript blog became a dynamic CMS to streamline content creation. Rather than writing HTML for each post, I built an admin interface to create, edit, and publish posts without touching code. The system includes authentication, security, database design, email integration, and a cohesive UX that preserves the original frontend design while adding powerful backend functionality.

The Origin Story

What began as a static HTML/CSS/JavaScript blog became a dynamic CMS to streamline content creation. Rather than writing HTML for each post, I built an admin interface to create, edit, and publish posts without touching code. This project reinforced the value of automating repetitive tasks and demonstrates how practical problems can drive learning and deliver real-world solutions.

Features

Visual
Gallery

Blog Frontend

Admin Dashboard

Rich Text Editor

Gallery Handler

Two-Factor Authentication

Gallery

CMS
Capabilities

Content Management

Rich text editor with featured images and galleries

•Rich text editor for post content
•Featured images and image galleries (header slideshows, inline named galleries)
•Automatic SEO-friendly slug generation
•Draft/published status with preview for admins
•Custom publish date/time (scheduling)
•Categories and metadata (author, read time, excerpts)

Authentication & Security

Two-factor authentication and comprehensive security

•Two-Factor Authentication (2FA) via email verification codes
•Session-based authentication with inactivity timeout
•Role-based access control (admin/super admin)
•Login confirmation emails with IP and browser tracking
•Password change functionality
•CSRF protection on all forms

User Management

Admin dashboard for user creation and management

•Admin dashboard for user creation and management
•Super admin role for account protection
•Secure password hashing and storage
•User-friendly interface with responsive design
•Activity logging and audit trails

Developer Experience

Modular code structure and SEO optimization

•Modular code structure (includes/, admin/, uploads/)
•Dynamic sitemap generation
•SEO-optimized (meta tags, canonical URLs, robots.txt)
•.htaccess configuration for security and caching
•Database schema with proper indexes and relationships
•CSS custom properties for consistent theming

Email Integration

PHPMailer integration for notifications and 2FA

•Email-based 2FA verification codes
•Login confirmation emails
•SMTP integration using PHPMailer
•Email templates for notifications
•IP and browser tracking in emails

Design & Theming

Consistent color palette across frontend and admin

•Custom color palette with CSS custom properties
•Primary Cyan (#0891b2) and Cyan Deep (#0e7490)
•Secondary Gold (#DFBD55) and Secondary Light (#FBD847)
•Accent Gold (#BB941C) for highlights
•Cohesive visual identity throughout
•Responsive design for all devices

Achievements

Design
Core

Custom Color Palette

Primary Cyan

#0891b2

Cyan Deep

#0e7490

Secondary Gold

#DFBD55

Secondary Light

#FBD847

Accent Gold

#BB941C

Design Philosophy

The blog uses CSS custom properties for consistent theming across the frontend blog and admin dashboard, with a cohesive visual identity throughout. The design preserves the original frontend design while adding powerful backend functionality.

•Consistent color palette across all interfaces
•CSS custom properties for easy theming
•Responsive design for all devices
•Clean and performant public-facing blog
•Functional and responsive admin dashboard

Impact

Technical
Stack

Backend

PHP (PDO)
MySQL
Server-side Rendering
MVC-style Organization

Frontend

HTML5
CSS3
JavaScript (Vanilla)
Responsive Design

Security

CSRF Tokens
Prepared Statements
Password Hashing (bcrypt)
Session Management

Integration

PHPMailer (SMTP)
Email Templates
2FA System
SEO Optimization

Summary

Technical
Highlights

Pure PHP (no frameworks) for full control

PDO for secure database interactions

Email-based 2FA system

JSON storage for flexible gallery configurations

Server-side rendering for SEO

Modular architecture for maintainability

Consistent theming through CSS custom properties

Production-ready error handling and validation

System Ready

READY TO START

YOUR PROJECT?

Let's collaborate and bring your vision to life with cutting-edge technology and creative design.

BLI BlogStudio CMS

Project Overview