Smeron
AI marketing automation

OSMO

A marketing automation suite that centralises online marketing workflows across social networks, search engines and direct outreach.

  • AI integration
  • Microservices
  • Marketing tech
  • OSMO — screen 1
  • OSMO — screen 2
  • OSMO — screen 3

Technologies used

  • Next.js 16
  • React 19
  • Node.js
  • Python (FastAPI)
  • PostgreSQL
  • MongoDB
  • Redis
  • Azure AI

Overall project details

Project OSMO is a comprehensive, AI-driven marketing automation suite designed to centralize and streamline online marketing workflows. It acts as an all-in-one system for content creation, scheduling, outreach, SEO optimization, and paid advertising management. By unifying multiple fragmented marketing operations into a single platform, OSMO aims to simplify the complexities of digital marketing, enabling automated campaigns across major social networks (LinkedIn, Instagram, Facebook, X), search engines, and direct outreach channels.

Target audience

  • The primary users of Project OSMO include

    Business Owners & Founders: Looking to scale their online presence and lead generation without needing to hire extensive marketing teams.

  • Marketing Professionals & Agencies

    Seeking a centralized dashboard to manage multiple client accounts, automate repetitive tasks, and utilize AI for content and ad generation.

  • Content Creators & SEO Specialists

    Needing streamlined workflows for blogging, backlink tracking, and social media scheduling.

User experience & workflow

The platform is designed around a "Single Pane of Glass" philosophy, where users can navigate between specialized engines while maintaining a consistent AI-assisted workflow.

Technical architecture

Project OSMO's architecture is built on modern microservices principles, ensuring scalability and independent service management. The following diagram illustrates how the frontend interacts with our modular backend services.

Developer role & focus

The development of Project OSMO focuses on high-performance infrastructure and seamless AI integration. Core implementation areas include:

  • Scalable Frontend

    Building a highly responsive, server-side rendered user interface using Next.js 16 and React 19.

  • AI Integration Engine

    Orchestrating Azure AI (GPT-4o) and Runware for real-time content and media creation.

  • Asynchronous Processing

    Implementing reliable task queues via Redis to handle scheduling and outreach without latency.

  • State Synchronization

    Leveraging React Query for server-state management to keep the dashboard updated in real-time.

Technology stack

Frontend Environment

Core
Next.js 16, React 19, TypeScript
Styling
Tailwind CSS v4, Framer Motion
State
React Query, Redux
UI Components
FullCalendar, Tiptap, ApexCharts

Backend Infrastructure

Runtime
Node.js (Express), Python (FastAPI)
Real-time
Socket.io (WebSockets)
Databases
PostgreSQL (Relational), MongoDB (NoSQL), Redis (Caching/Queues)

AI & External Integrations

AI
Azure AI (GPT-4o), Runware (Media)
Platforms
LinkedIn, Meta (FB/IG), Google Ads, X (Twitter)
Platforms
LinkedIn, Meta (FB/IG), Google Ads, X (Twitter)
Payments
Stripe, Razorpay

Communication structure

The platform ensures a responsive experience by combining traditional RESTful patterns for data persistence with WebSockets for long-running AI tasks.

Next projectDeployWhisper AI
Read case study