Realtime Apps with JavaScript

Realtime Apps with JavaScriptwe build ‘bots

David ‘DC’ Collierdc@rikai.co

2

Web > Apps > Chat – the new operating system

Messaging Platforms are the new operating systems.

Using mix of chatbots, “Artificial AI” and game mechanics RIKAI Labs create compelling user experiences for this new medium.

ComicEnglish

Chat with a teacher who sends links to other content

HTML5 content for games and study materials

3

announcing...

FLYweightJavaScript micro-framework for

WeChat App development

4

● Very lightweight JS front-end (H5 apps)● Simple game framework● Support for WeChat APIs● Support real-time chat features● Anticipating Rich Messaging UX

FLYweight WeChat apps with JavaScript

5

Lightweight front-end .gz Total = 35k

Static pages: base content can be delivered via a CDNMithril JS Front-end framework: Components, MVC in <7kVelocityJS: Lightweight animation library with CSS animationZepto: JQuery like selectors

6

Simple game framework

● Quiz format Mini-game● Shareable high-score● Compete with your friends!

7

Support for WeChat APIs

● WeChat login● Javascript APIs

○ Sharing○ Close Window

● Content management○ uploading assets○ audio (AMR) conversion

8

RealTime features for chat

MongoDB capped collections > tailingSocket connections to clientUsing await + async functions (typescript)

9

Streaming Data directly from MongoDBcreate a capped collection

setup a streaming find query

pipe any data updates directly to the client over sockets

10

WeChat Billing API integration

CRM tools:● Content dripfeeds ● Integration with WeChat CMS● User group tagging

ToDo

11

We’re working with a small group of partners to “co-develop” the FLYWeight framework. Contact me to be added to the group!

FlyWeight - contact us to get a copy and get involved!

dc@rikai.co

12

Messaging platforms are the new Operating SystemAnd they are going to get more capable quickly....

13

RIKAI chatbots built on the same platform

JoBot - interview simulator and hiring manager

Finbot – personal finance advisor

CamperBot – learn to code with a friendly teacher Robot

http://finbot.meteor.com https://gitter.im/FreeCodeCamp/FreeCodeCamp

14

David ‘DC’ Collier4 startups, 2 exits (US, Japan)20 years experience in games industryProduced Games for EA, Disney, BandaiNamco, Sony + more. Frequent hackathon winner!

Team experience: apps, asia and education

Edaan GetzelEnglish teaching experience in China + Korea. Published Author.

15

Recent Press and events

TechCrunch BeijingSF Japan Night – Tokyo startup pitch event winner

Teaching real-time web Apps tech at Tsinghua

#LAUNCH SF Hackathon Winner

16

RIKAI Labs is hiring!

mail me at

dc@RIKAI.co

Looking for a lead javascript developer to work with on the future of Chat applications!

Event organised by

“Technology with Impact”

http://wiredcraft.com/