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

Print your shoes

Because why not. Source : https://www.thingiverse.com/thing:285404 Supplies : https://www.gearbest.com/3d-printer-supplies/pp_919228.html?wid=1433363&lkid=15674036

December 12, 2018 · 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

Mongodb – Reference or embed

https://stackoverflow.com/questions/5373198/mongodb-relationships-embed-or-reference https://www.tutorialspoint.com/mongodb/mongodb_relationships.htm https://www.studytonight.com/mongodb/relationships-in-mongodb https://docs.mongodb.com/manual/applications/data-models-relationships/ http://blog.markstarkman.com/blog/2011/09/15/mongodb-many-to-many-relationship-data-modeling/

December 12, 2018 · 1 min · Johann Savalle

shitty time reset procedure (src: twitter)

source NB: take with a grain of salt – but still some interesting tips. posted for reference #thread start: if you’re having a shitty time with your mental health and are low functioning i feel u & sympathise. here’s a list of potential actions for u to take to feel better/exist through it. try to pick a few & do them, but if you can’t : that’s valid too. let’s go...

December 12, 2018 · 3 min · Johann Savalle

Set up a different an SSH key for git push for a give repository

ok so I add the following problem to deal with. Posted here for reference. Source Even if the user and host are the same, they can still be distinguished in ~/.ssh/config. For example, if your configuration looks like this: Host gitolite-as-alice HostName git.company.com User git IdentityFile /home/whoever/.ssh/id_rsa.alice IdentitiesOnly yes Host gitolite-as-bob HostName git.company.com User git IdentityFile /home/whoever/.ssh/id_dsa.bob IdentitiesOnly yes Then you just use gitolite-as-alice and gitolite-as-bob instead of the hostname in your URL:...

December 12, 2018 · 1 min · Johann Savalle

UX challenges – 7 rapid prototypinng

Rapid prototyping exercices Exercise 1: Mobile TV programs dashboard Scenario: when users login on the app what will they see, what can they do Goals: Engagement Exercise 2: Rapid prototyping of a live class Scenario: User is watch a live class – with interactive features Goals: interactivity with the teacher and / or other studens, accessibility, access to materials Exercise 3: A memo card : scenario: User selected to watch a series of random memo cards goals: Fun, Interactive Exercise 4: Collaborative social media publishing...

December 12, 2018 · 1 min · Johann Savalle

3 sites web sortit tout droits des années 90

Eh oui, c’était internet, il fut un temps (lointain… oui ben hein… comment ça vieux? De qui tu parles?) Internet Explorer is EVIL! http://toastytech.com/evil/ ARNGREN – ecommerce from hell http://www.arngren.net/ LingsCar – UK best car shop https://www.lingscars.com/

December 11, 2018 · 1 min · Johann Savalle