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 πŸ‘¨β€οΈ

Or Wox for Windows

Alfred Workflow Demo

Hello viewer πŸ‘‹οΈ

This was a live demo, see the code here:

github.com/umaar/alfred-simple-example

npm install alfy

πŸ’»οΈ Bitbar πŸ’»οΈ

Or Rainmeter for Windows

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!

➑️   Globe ➑️   Globe Source Code

πŸ’›οΈ Thank you πŸ’›οΈ

  • Twitter: @umaar

  • Website: umaar.com