188 Ambitious Examples
illustrated algorithms: Amazing interactive visualizations of algorithm execution. Fast-forward and rewind. Babel-plugin-trace-execution captures execution details. Deployed with Now.
FlameChart: Flamechart component (based on Chrome DevTools) with standalone support. Interesting color-handling code.
Firefox debugger: Firefox debugger with file browser, breakpoints. Also uses Flow and react-storybook.
Movies landing page: Browse movies a la Netflix. Hits MovieDB API using fetch.
aframe inspector: Inspect and modify Aframe 3D scene graphs. Also has Jest tests, ghpages deploy.
iTunes Remote: ITunes web UI. Express backend uses Websockets, AppleScript.
key and pad: Web audio experiment keyboard-controlled synthesizer and a mouse-controlled X/Y pad. Has VCR-like recorded sessions using redux-vcr.
react router v4: Great live examples of react-router, with embedded fake browser
react music: Make dope beats with React. Spectrum analyzer using WebAudio API, Canvas. Song has tempo, sequencers, audio samples.
learnGitBranching: Great intro to Git, branching - visualizations, exercises
teamchatviz: Slack visualization - top messages, emojis, cluster analysis. Visualizations using Uber's react-vis. Koa/Postgres backend.
franklin: DNA sequence annotation tool. Tested with Enzyme, sinon.
npm trends: Compare npm package download counts over time. Homegrown canvas charts.
formbuilder: Drag & Drop editor for JSON schema. Surveys can be published, filled out by the public, like Google Forms.
ReactiveTrader: FX trading platform demo. OpenFin. Uses ESP to handle models, apply updates.
roast tracker: Firebase app to track coffee roasts. Login with Facebook or Google.
cf ui: Large UI framework - example of a monorepo using Lerna to publish npm modules.
datamaps: Platform for map visualizations. Upload CSV, customize appearance. Can download PNG or SVG.
GitHunt: Reddit for github. Apollo GraphQL client. Backend uses Dataloader. Emojis are converted from text.
cloud vision explorer: Google Cloud Vision API demo. Explore a 3D 'galaxy' of images, and machine intelligence classifications. ThreeJS.
WRDebug (Browser Only)
: ✅ Pre-render cache hit. |