mozaikoo^® developer docs

This documentation is aimed at developers who wish to work on an mozaikoo^® application (or API) that has already been deployed. This includes

• a simple installation on your own computer using a demonstration
• an already performed installation as a staging environment (or on your own computer) to make template or design changes or enhancements in the frontend or backend application

For technical documentation, to make changes to the code base, please use the Gitlab repositories accordingly.

mozaikoo^® software stack

mozaikoo^® is a modern UXP (including CMS, MAM, PIM, CRM, editorial system, eCommerce, print document creation, Newsletter) that is powered by JavaScript, preferably by TypeScript. mozaikoo^® uses React (and React Native) as framework, additionally Next.js for frontend apps. App development is versioned by GIT in respective repositories.

mozaikoo^® is splitted into three apps:

• admin app (backend) powered by React.
• api app (api) powered by ECMAScript 5/6 JavaScript and node.js
• frontend app(s) powered by React and Next.js or React Native

Data storage is maintained by mongoDB and ElasticSearch. PostgreSQL as an option.

mozaikoo^® uses Tailwindcss as CSS-Framework as default, optionally UIKIT.

mozaikoo^® mobile apps

The mozaikoo^® frontend app is either a static website or a Progressive WebApp (PWA). Creating mobile Apps can be done in 3 ways:

• Use a wrapper for the PWA and add device sensor plugins from Cordova or with Capacitor and IONIC UI including page transitions. The app views are powered by WebViews.
• A combination of the React PWA and Strada (How to)
• The empty mozaikoo^® ReactNative app wrapper, driven by selected components from the mozaikoo^® backend.

mozaikoo^® Central

Maps

• Mapbox Blog - Mapbox-Blog
• Mapbox GLJS - Mapbox GL local
• Mapbox SDK - Mapbox SDK IOS - Mapbox SDK Android

Translations

• Deepl Pro API – Deepl API on german server

AI

• Image Object Detection – Yoloworld – Zero-Shot local
• Languagetool– Languagetool Server local
• Focal point– own algorithms local
• Fingerprinting– own algorithms local

optional

• Text NLP – Amazon Comprehend (possible on european tier)
• TTS – murf.ai (not GDPR compliant)

Media Service

• Previews – FFMPEG (Video, Audio), sharp, next/img (Images) local
• Document previews – ??????? local

(Social) Interfaces

• Youtube – own api local (I) with playlists, accessible from MAM.
• Wordpress – own api local (I) pages and posts, optionally with media.
• Facebook Page (I|O), Google Business Profile (O), Instagram (I|O), Linkedin (I|O), Reddit (O), Pinterest (I|O), Telegram (O), TikTok (I|O), X/Twitter (I|O), RSS – Ayrshare (I = inbound, O= outbound).

Messaging

• Messaging – Ayrshare for Facebook Messenger, Instagram Direct Messenger, and X Direct Messages (Messaging must be initiated by the correspondent)
• Whatsapp Messaging– WhatsApp Business Api and Brevo.
• Push Notifications– Brevo.

Mail

• Tranactional mails, newsletter, sms – Brevo(formerly Sendinblue)

Jobs multiposting

• Job platforms including BA – Heyrecruit

Payment

• Credit Cards, SEPA, Apple pay, etc.– Stripe
• Paypal – Paypal Business Accounts – also SEPA, etc.

Miscellaneous

• Location – ipstack or Maxmind
• Weather – small Openweathermap, large Pirateweather

IDE

• VisualStudio Code - VisualStudio Code