Engagement Gamification and monetisation

Gamification for engagement and monetisation engagement and monetisation are nearly two aspects of the same thing. The user want to use to your app and is ready to invest more time or more money for it. Examples: Reddit : gamified status. Paid for social status using credits Audible : subscription earn you points, with points you can gain option to download books. Stop your sub and you lose all your points....

February 22, 2019 · 1 min · Johann Savalle

RTMP restream with ffmpeg

here is how you can restream a source video from one RTMP to Facebook live ffmpeg -i "rtmp://yourInputStream.stream" \ -r 30 \ -ar 44100 \ -s 1280x720 \ -c:a libfdk_aac -b:a 90k \ -movflags +faststart \ -preset veryfast -crf 28 \ -tune zerolatency \ -profile:v baseline \ -maxrate 1000k \ -vcodec libx264 \ -bufsize 10000k \ -g 60 \ -max muxing_queue_size 1024 \ -f flv "rtmp://live-api-s....

February 21, 2019 · 1 min · Johann Savalle

Json manipulations in javascript

Libs jsonQ: A JavaScript library to make manipulation and extraction of data from a JSON very easy and fast. JSON5 | JSON for Humans Lodash Lazy.js – v0.5.1 Underscore.js Tools JSON-Splora: GUI for editing, visualizing, and manipulating JSON data jq – command-line JSON processor

February 2, 2019 · 1 min · Johann Savalle

ReactJS Material Tables / Datatables

React Grid – Tables React-virtualized: React components for efficiently rendering large lists and tabular data Mui-datatables: Datatables for Material-UI Virtualized Material-UI table Material-table

February 1, 2019 · 1 min · Johann Savalle

Forms in React

Formik Final-form Final-form/react-final-form: 🏁 High performance subscription-based form state management for React Define Form

January 31, 2019 · 1 min · Johann Savalle

Examples of React Projects

Hacker News clone written in React Remember: Progressive web app using geolocation and device orientation in React with Redux Mortgage: Mortgage overpayment calculator using React, Redux and D3 Sound-redux: A Soundcloud client built with React / Redux React-calculator: Mobile, desktop and website Apps with the same code Brainfock: Project Management & Team Collaboration: Issues, Bug Tracking, Sales (NodeJs / React.js) TodoMVC · reduxjs/redux · GitHub

January 31, 2019 · 1 min · Johann Savalle

Recharts – Reactjs & D3

Recharts is a chart library built on React and D3. Focus on simplicity, native SVG support, lightweight, and declarative components. Source: https://github.com/recharts/recharts Site: http://recharts.org/  Line Charts   Area Charts    Bar Charts  Composed Chart  Scatter Chart    Radar Chart   

January 30, 2019 · 1 min · Johann Savalle

Reactjs Video players

Video-React – React Video Component Simple, nice default style. CookPete/react-player Many options – bad mobile support Check the demohere Using Video.js with ReactJS Tutorial: react | Video.js Documentation

January 29, 2019 · 1 min · Johann Savalle

Artificial way to limit user churn

Just add friction Make it harder but be nice When somebody cancel, Please indicate the reason for canceling: and the following set of options: 1. Need a break (Pause My Account) 2. Cost 3. Difficulty of Use 4. Missing Functionality 5. Using Other Product 6. Not Using It 7. Something Else (Tell us the reason) You can’t cancel until you choose an option. Once you do, the app gives you alternatives that are relevant to your motivation....

January 29, 2019 · 1 min · Johann Savalle

Various starting point for express api

GitHub – kunalkapadia/express-mongoose-es6-rest-api: A boilerplate application for building RESTful APIs Microservice in Node.js using express and mongoose in ES6 with code coverage and JsonWebToken Authentication GitHub – ndelvalle/generator-api: 🚀 Yeoman generator for creating RESTful NodeJS APIs, using ES6, Mongoose and Express GitHub – topliceanu/mongoose-gen: generates mongoose schemas from json documents, supports DBRefs and Arrays of DBRef GitHub – Ahmad-Magdy/MoMoG-Mongoose-Model-Generator: Mongoose-Model-Generator

January 29, 2019 · 1 min · Johann Savalle

Design Sprint – Coding Sprint – Sprint everything

A sprint – in a concept popularised by agile methodology Scrum. The goal of a sprint – very much like a real life sprint – is work against a time limit. But very differently a real-life sprint – the goal is not to go fast but to gain focus so we can be really efficient. Running in sprint doesn’t mean there are no long term goals. It only means there will be a lot of sprints to get there....

January 24, 2019 · 1 min · Johann Savalle

Universal React SSR apps

Next.js GitHub – jaredpalmer/razzle: ✨ Create server-rendered universal JavaScript applications with no configuration GitHub – Hashnode/mern-starter: Boilerplate for getting started with MERN stack Electrode | Universal React and Node.js Application Platform @WalmartLabs Powered

January 22, 2019 · 1 min · Johann Savalle

Play live video from linux command line

You need to use mpv mpv.io | Installation Just go the usual sudo apt install mpv and you should be fine. then you can run without any problem : mpv youtube-url --no-video

January 15, 2019 · 1 min · Johann Savalle

Virtual webcam on linux

Install V4l2 Loopback GitHub – umlaeute/v4l2loopback: v4l2-loopback device NB: On Debian/Ubuntu, works best to install the package v4l2loopback-dkms $ sudo apt-get install v4l2loopback-dkms Once installed, you should load the virtual cam. First check which video devices you have. $ ls -l /dev/vidoe* For instance on mine I had /dev/video0 to 4 so I then create a virtual cam on 5 using : $ modprobe v4l2loopback video_nr=5 card_label=“Virtual cam” Add OBS plugin for loopback output : obs-v4l2sink NB: Not working yet....

January 14, 2019 · 1 min · Johann Savalle

MySQL Mockdata

Step 1: Generate the mock data Go to Mockaroo a random Data Generator and API Mocking Tool | JSON / CSV / SQL / Excel Download as SQL / include Create if you want Step 2: Prepare a database accessible remotely Create a database and user somewhere online. For instance with a service like http://remotemysql.com Step 3: Import the data in the database mysql -u user -pPasswords -P 3306 -h remotemysql....

January 7, 2019 · 1 min · Johann Savalle

Create a Google Spreadsheet Add on

Setting up the dev environnement Install the command line tool npm install @google/clasp -g Then you login : clasp login Then you create a script : clasp create YOURSCRIPT NB: You need to create the folder where you put your code first You can open it online using : clasp open NB: Seems like you need to at least open it this way once before you can pull and push....

January 7, 2019 · 1 min · Johann Savalle

TOTD – Routines

Failing to keep a routine does not mean you cannot fix it the day after.

January 3, 2019 · 1 min · Johann Savalle

redefine overdeliver

Should always strive to deliver – even if less than anticipated than delaying to try to over deliver. IE : you deliver more often – not just more quality – and more often is a more sure way to reach more quality than delaying delivery

January 2, 2019 · 1 min · Johann Savalle

expressjs dynamic routing – reading list

http://expressjs.com/en/guide/routing.html https://alexanderzeitler.com/articles/expressjs-dynamic-runtime-routing/ https://stackoverflow.com/questions/19096453/convert-object-to-express-dynamic-routes https://github.com/OneOfOne/dynamic-routes

December 12, 2018 · 1 min · Johann Savalle

how to cut video using nodejs and ffmpeg

https://stackoverflow.com/questions/31046930/how-to-cut-a-video-in-specific-start-end-time-in-ffmpeg-by-node-js#31050135 https://stackoverflow.com/questions/18444194/cutting-the-videos-based-on-start-and-end-time-using-ffmpeg?rq=1 https://stackoverflow.com/questions/40454172/ffmpeg-cut-video-and-include-ending-video-image?rq=1 https://superuser.com/questions/138331/using-ffmpeg-to-cut-up-video#704118 https://medium.com/@brianshaler/on-the-fly-video-rendering-with-node-js-and-ffmpeg-165590314f2

December 12, 2018 · 1 min · Johann Savalle