Mini Projects

Umar Hansa - @umaar on Twitter

Watch this talk on YouTube

🥅️ Goal of this talk 🥅️

• Increased confidence with Node.js

• Increased awareness of Node.js capabilities

• Ideas for your own projects

🌍️ Web Scraping 🌍️

Web Scraping Demo

Hello viewer 👋️

This was a live demo, see the code here:

github.com/umaar/puppeteer-simple-example

npm install puppeteer

⛓️ Markov Chains ⛓️

Markov Chain Demo

Hello viewer 👋️

This was a live demo, see the code here:

github.com/umaar/markov-chain-simple-demo

npm install markovchain

👨‍ Alfred Workflows 👨‍️

Alfred Workflow Demo

Hello viewer 👋️

This was a live demo, see the code here:

github.com/umaar/alfred-simple-example

npm install alfy

💻️ Bitbar 💻️

Bitbar Demo

Hello viewer 👋️

This was a live demo, see the code here:

github.com/umaar/bitbar-simple-example

npm install bitbar

🔵️ Bluetooth 😺️

Bluetooth Demo

Hello online viewer! 👋️

During the talk, I showed how flic buttons could be read programatically via fliclib-linux-hci

If you saw the talk and are curious how the web based slides could display output from the bluetooth connected buttons, see the client-side code & server-side code.

npm install noble

📹️ Demokit 📹️

Demokit Demo

Hello viewer 👋️

This was a live demo, see the code here:

github.com/umaar/demokit-simple-example

npm install demokit -g

👨‍👩‍👧‍👦️ Third Party APIs 👨‍👩‍👧‍👦️

Google Assistant &

Reddit Demo

Hello viewer 👋️, this was a live demo, view it here:

➡️   AMA Bot

Want to see the code? Remind me on twitter!

For the Google Assistant part of the demo, watch the video!

npm install brain.js
npm install actions-on-google

💉️ Glycemic Levels 🆎️

Glycemic levels Code

			const zlib = require('zlib');
			const download = require('download');
			const csv = require('fast-csv');

			const gunzip = zlib.createGunzip();

			const csvStream = csv().on('data', glycemicLevel => {
				console.log(glycemicLevel);
			});

			const downloadPromise = download('dropbox.com/...');

			downloadPromise.pipe(gunzip).pipe(csvStream);
		

Glycemic levels Demo

➡️   Glycemic Level Tracker

➡️   Source code

📺️ Visualisations

&

Data Scraping 📺

💡️ Tip: Try in DevTools

		const wikiURL = 'https://stream.wikimedia.org/v2/stream/recentchange';
		const e = new EventSource(wikiURL);
		e.onmessage = console.log
	

🌍️ Globe Visualisation Demo

ℹ️ The globe is not real time right now, will work towards changing this!

💛️ Thank you 💛️

• Twitter: @umaar

• Website: umaar.com