/05—Selected Work

BlogSoftAI

AI-Powered Publishing Platform & Autonomous Content Engine

Full-Stack & AI Systems Engineer

Next.jsTypeScriptTailwind CSSGenerative AIGoogle GeminiFirebase AuthCloud FirestoreFirebase StorageHTML5 CanvasSEO EngineNode.jsCron Microservice

Project Overview

Modern, end-to-end, AI-powered blogging and publishing platform designed to automate content creation, visual asset generation, SEO optimization, and audience distribution while preserving full human editorial control. Integrates a feature-rich Editorial Admin Studio, a high-performance Public Reader Portal, and an autonomous background generation engine into a unified publishing ecosystem.

Live System URLsActive Deployments

Admin Studio

Editorial Admin Studio

Content creation, AI drafting, SEO analysis & management (with 1-click Demo Reviewer access)

Launch Portal
Public Portal

Public Reader Portal

Live blog feeds, article view, topics & reader engagement

Launch Portal

Core System Architecture & Components

The Editorial Admin Studio

Management cockpit for authors, reviewers, and site administrators

Live Portal

A complete editorial workspace empowering creators with AI writing, visual asset generation, rich WYSIWYG editing, SEO analysis, and management metrics. Includes a sandboxed Demo Reviewer mode with 1-click access directly on the login screen (or via demo@blogsoftai.com) for safe public evaluation without requiring private credentials.

  • •AI Blog Writer: Turns any keyword or prompt into structured, publication-ready content with semantic headings, structured paragraphs, bullet points, and syntax-highlighted code blocks.
  • •AI Cover & Visual Studio: Generates abstract procedural canvas graphics with custom gradients and glowing particle effects, or intelligently matches topics to high-resolution 16:9 editorial photography without repetition.
  • •Integrated Cropping Tool: Allows quick framing, zooming, and pan adjustments in standard 16:9 format.
  • •AI SEO Copilot: Continuously evaluates posts against search ranking best practices, provides a 0–100 optimization score, auto-generates meta tags, and simulates Google search snippets.
  • •WYSIWYG Rich Editor: Complete formatting controls, live word counts, reading time calculators, and instant desktop/mobile live preview toggles.
  • •Management & Analytics: Comprehensive overview of total posts, draft vs. published ratios, view counters, category filters, and an activity audit log.
  • •Demo Reviewer Sandbox: 1-Click 'Access Demo Studio' on the login screen (or demo@blogsoftai.com) with isolated browser localStorage sessions and locked sensitive administrative mutations for safe evaluation.

The Public Reader Portal

High-performance, reader-focused web publication

Live Portal

Distraction-free, responsive web publication crafted for maximum readability, fast load times, topic discovery, and audience conversion.

  • •Curated Home & Article Feeds: Showcases featured hero stories, trending carousels, category pills, and full article listings.
  • •Reader-Centric Reading View: Clean typography, interactive table of contents, author cards, estimated reading durations, sticky social sharing, and related article recommendations.
  • •Search & Tag Hubs: Real-time search filtering and dedicated topic hubs for rapid category discovery.
  • •Audience Growth Tools: Integrated newsletter subscription boxes and direct contact forms.
  • •Adaptive Theme: Polished Dark and Light reading modes respecting reader device preferences.

The Autonomous Generation Engine

Background microservice for continuous, hands-free content pipelines

Autonomous worker service handling topic queue rotation, automated AI research, drafting, and scheduled database ingestion.

  • •Scheduled Publishing: Automates article research, drafting, and database insertion on custom cron schedules.
  • •Topic Rotation Queue: Manages topic taxonomies across trending industry subjects to avoid repetitive content.
  • •Flexible Ingestion: Allows posts to be directly published or queued into drafts for human editorial review.

End-to-End Content Lifecycle

01—Ideation

An editor enters a prompt or the background worker selects an upcoming topic from the taxonomy rotation queue.

02—AI Drafting

The engine crafts an SEO-friendly title, structured content body, excerpt, category tags, and URL slug.

03—Visual Branding

The cover studio generates a branded procedural graphic or matches the topic with high-resolution editorial photography.

04—SEO Optimization

The SEO Copilot inspects keyword frequency, generates meta descriptions, and calculates a 0–100 optimization score.

05—Review & Publish

The post is previewed across desktop and mobile screens and published instantly or scheduled for later release.

06—Reader Distribution

Live on the public portal with dynamic social sharing, newsletter engagement, and search engine indexability.

Backend & Engineering Highlights

  • —Architected a complete three-tier publishing platform: Editorial Admin Studio, Public Reader Portal, and Autonomous AI Generator.
  • —Integrated Generative AI (Google Gemini) into drafting workflows, producing structured long-form articles with semantic markdown and code highlighting in seconds.
  • —Built a dual-mode visual asset studio supporting procedural HTML5 canvas graphics and topic-aware 16:9 editorial imagery with client-side cropping and panning.
  • —Developed an AI SEO Copilot evaluating keyword density, heading hierarchy, meta descriptions, and Google SERP snippet previews with a 0–100 score.
  • —Engineered an autonomous background generation microservice with cron scheduling, topic queue rotation, and automated draft/publish pipelines.
  • —Crafted a high-performance reader web publication featuring native dark/light themes, interactive table of contents, and real-time search filtering.
  • —Implemented secure Firebase Authentication, Firestore data modeling for drafts, articles, and taxonomy queues, and Cloud Storage for media assets.
  • —Engineered a secure Demo Reviewer mode with 1-click access, client-side session sandboxing, and locked administrative mutations for risk-free client/recruiter evaluation.