🔧 Engineering "Bro World": Temporal, Mercure, Elasticsearch & a Fullstack Microservice Journey

Aouinti — Tue, 15 Jul 2025 11:00:27 +0000

When I started Bro World, I wanted to go beyond a monolithic platform. I wanted real-time interaction, modular microservices, and tech choices that could scale.

Here’s a deep dive into the architecture and technology behind the scenes.

🧱 The Foundation: Symfony + Microservices
Everything starts with Symfony 7, running in pure API mode.

We use a modular microservice architecture, including:

🧑‍🤝‍🧑 User Service: Authentication (Google/GitHub), Profiles, Friendships, Notifications

📂 Media Service: Image/video upload, storage (with thumbnails), folder hierarchy

🧑‍💼 Job Service: Job listings, CV generator, job applications

🧠 Quiz Service: Question sets, levels, scores

🛒 Shop Service: Products, checkout (in progress)

🧾 CRM Service: Leads, notes, pipelines

Each service is isolated, containerized via Docker, and exposes its own endpoints.

📡 Real-Time Power: Mercure & Temporal
Bro World thrives on reactivity.

✅ Mercure is used for real-time messaging and live notifications.

🧠 Temporal is used for orchestrating complex flows (ex: media deletion after 30 days, user onboarding, retries).

🔁 RabbitMQ handles async tasks between services.

⚡ Redis handles session and cache layers.

🔍 Smart Search with Elasticsearch
Every post, profile, product, or job is indexed

Search supports multi-language with analyzers for EN, FR, DE, AR

Fulltext, autocomplete, and filters — lightning fast

🎨 Frontend: Built with Nuxt 3 + Vuetify 3
Multilingual, RTL/LTR support

Full SSR, dynamic SEO (canonical, meta, og:image, JSON-LD)

Infinite scroll, drag & drop, responsive layout

Component system with a custom design system (tailored Vuetify 3 setup)

Seamless integration with Mercure updates

🧩 Dev Experience
🐳 Docker Compose for local + multi-env orchestration

🔐 OAuth login (Google + GitHub)

🔁 Auto-deploy on Vercel (frontend) + Docker backend

🎯 Structured with CI-ready services

Bro World is still evolving. It’s not just a platform — it’s an open playground for real-life fullstack architecture.

💬 I’d love feedback from fellow developers. What would you improve? What features do you want next?

Check it out at:
🌐 bro-world-space

🚀 Introducing Bro World — A Powerful Fullstack Community Platform Built with Nuxt 3, Symfony, and Microservices

Aouinti — Tue, 15 Jul 2025 10:41:11 +0000

Have you ever wished for a single platform that combines blogging, messaging, shopping, learning, job hunting, and more — all in one place, with a modern UI and full real-time support?

That's the idea behind Bro World.

✨ Bro World is a modern, multilingual, real-time community platform — built for creators, professionals, learners, and everyday users.

🧩 What does it offer?

📝 A Blog system for publishing content

💬 A full-featured Messenger with real-time chat (Mercure-powered)

📅 A personal Calendar with events and reminders

🧠 An interactive Quiz module with score tracking

🛒 A built-in Shop to buy/sell digital content

🧑‍💼 A Job Board with smart filtering and CV generation tools

📇 A personal and business CRM (Customer Relationship Management)

🌍 Full i18n support: English, French, Arabic, German

🧭 A blazing fast search engine powered by Elasticsearch

🎨 Built with accessibility, responsiveness and clean design in mind

💻 Under the Hood: Fullstack Architecture

This project isn't just about the frontend or the backend — it's about how modern web tech fits together.

🧠 Backend (API-first)
Symfony 7, built as a RESTful API

Modular microservices architecture (Media, Users, Jobs, CRM, etc.)

Docker containerization for every service

Redis for in-memory caching

Mercure for real-time communication

RabbitMQ for async messaging

Temporal for orchestrating long-running workflows

🎨 Frontend
Nuxt 3 + Vuetify 3

Full SSR and SEO-optimized with useHead, canonical URLs, OpenGraph, etc.

Real-time UI with Mercure events

RTL + LTR support (Arabic, German, French, English)

Smooth infinite scroll, responsive layouts, lazy loading, accessibility features

🧪 Dev & Ops
Hosted with Vercel

Backend served via Grok, Docker, and internal proxy

Auth via Google & GitHub OAuth

Elasticsearch integration for full-text, multi-language search

🧠 Why Bro World?

Because the internet is fragmented. People use 5–6 tools to manage their lives. I wanted to build a place where:

Creators can publish,

Learners can grow,

Professionals can apply for jobs and track their tasks,

Everyone can connect and grow — on their terms.

👉 If you're into modern fullstack dev, like open source platforms, or are just curious — try it out:
🌐 https://bro-world-space.com

DEV Community: Aouinti

🔧 Engineering "Bro World": Temporal, Mercure, Elasticsearch & a Fullstack Microservice Journey

🚀 Introducing Bro World — A Powerful Fullstack Community Platform Built with Nuxt 3, Symfony, and Microservices