Installing Keycloack with Docker

Installing keycloak Keycloak is a redhat (and therefore now IBM) product for Identity and Access Management, so you can add authentication to applications and secure services. It’s all available out of the box. If you need an auth service for your app, Keycloak is a perfect candidate. Docker compose I like docker compose, so here is how I do it using official example from their repo: version: '3' volumes: postgres_data: driver: local services: postgres: image: postgres volumes: - postgres_data:/var/lib/postgresql/data environment: POSTGRES_DB: dbname POSTGRES_USER: dbuser POSTGRES_PASSWORD: dbpassword keycloak: image: jboss/keycloak environment: DB_VENDOR: POSTGRES DB_ADDR: postgres DB_DATABASE: dbname DB_USER: dbuser DB_PASSWORD: dbpassword KEYCLOAK_USER: admin KEYCLOAK_PASSWORD: adminpwd ports: - 26000:8080 depends_on: - postgres Alternative local installation You can also run the simplest script to get it run in docker mode for local dev....

February 8, 2020 · 1 min · Johann Savalle

Build a ReactJS version of Medium

Needed this for a project Here are some ressources for medium like elements for your react app GitHub – wangzuo/react-medium-editor: React wrapper for medium-editor GitHub – rpearce/react-medium-image-zoom: 🔎 Medium.com style image zoom for React 🔍 GitHub – Kikobeats/react-clap-button: A Medium like clap button GitHub – yosbelms/react-progressive-loader: Utility to load images and React components progressively, and get code splitting for free GitHub – skuridin/react-medium-spinner: React medium-like spinner component Build simple Medium....

February 12, 2019 · 1 min · Johann Savalle

Recommendation Engines

Understanding Recommendation Engines in AI – Humans For AI – Medium Recommendation Engines / Recommender systems are information filtering systems that deal with the problem of information overload by filtering vital information fragment out of a large amount of dynamically generated information according to user’s preferences, interest, or observed behavior about the item. Recommendation Engines / Recommender system has the ability to predict whether a particular user would prefer an item or not based on the user’s profile Facebook : People You May Know Netflix : Other Movies You May Enjoy LinkedIn: Jobs You May Be Interested In Amazon : Customer who bought this item also bought YouTube : Recommended Videos Waze : Best Route Building a recommendation engins Things is made relatively easier than what it used to be....

February 6, 2019 · 1 min · YS

Page Builders and WYSIWYG in JS / React / Vue

Gramateria https://www.gramateria.com/ GrapeJS https://grapesjs.com/ GrapesJS is a multi-purpose, Web Builder Framework. It can be used to create web pages, Newsletters, Native Mobile Applications, Native Desktop Applications (eg. Vuido), PDFs (eg. React PDF), etc. DanteII https://michelson.github.io/dante2/ “Just” another medium clone built on top of DraftJs – in React SlateJs https://github.com/ianstormtaylor/slate React Draft WYSIWYG Just a react editor https://github.com/jpuri/react-draft-wysiwyg Froala A multi framework editor Warning : not free. Cost minimum 144 dollars and up to 1800 / year....

August 24, 2018 · 1 min · Johann Savalle

No backend – frontend first tools

Traditionnaly – when you build an app – you go from the backend first, i.e – the data model, the database, the API and then only you add the frontend layout talking to you backend. Problems that come with this approach are basically Longer time before client can see anything You don’t build with user scenarios in mind but with database and programming scenario in mind. Some people though to reverse the whole dev cycle and start with frontend first....

June 23, 2018 · 1 min · Johann Savalle