JSFiddle - React, Tailwind, and code Playground

by igos

HTML

<script src="http://stuk.github.io/jszip/jszip.js"></script>
<script src="http://stuk.github.io/jszip/jszip-deflate.js"></script>
<script src="https://rawgithub.com/documentcloud/underscore/master/underscore-min.js"></script>
https://twitter.com/modec/status/223502055178911744
http://documentcloud.github.io/underscore/
<br /><br />

Size zip <div id="zip"></div> <br />
Size b64 <div id="b64"></div><br />
<br /> <a id="download" href="#">Download zip</a>

JavaScript

var observableArray = ([
            { "code": "MTH101", "title": "General Mathematics I" },
            { "code": "CHM101", "title": "Introductory Chemistry I" },
            { "code": "PHY101", "title": "General Physics I" },
            { "code": "BIO101", "title": "Introduction to Biology" },
    { "code": "MTH101", "title": "General Mathematics I" },
            { "code": "CHM101", "title": "Introductory Chemistry I" },
            { "code": "PHY101", "title": "General Physics I" },
            { "code": "BIO101", "title": "Introduction to Biology" },
    { "code": "MTH101", "title": "General Mathematics I" },
            { "code": "CHM101", "title": "Introductory Chemistry I" },
            { "code": "PHY101", "title": "General Physics I" },
            { "code": "BIO101", "title": "Introduction to Biology" },
    { "code": "MTH101", "title": "General Mathematics I" },
            { "code": "CHM101", "title": "Introductory Chemistry I" },
            { "code": "PHY101", "title": "General Physics I" },
            { "code": "BIO101", "title": "Introduction to Biology" },
    { "code": "MTH101", "title": "General Mathematics I" },
            { "code": "CHM101", "title": "Introductory Chemistry I" },
            { "code": "PHY101", "title": "General Physics I" },
            { "code": "BIO101", "title": "Introduction to Biology" },
    { "code": "MTH101", "title": "General Mathematics I" },
            { "code": "CHM101", "title": "Introductory Chemistry I" },
            { "code": "PHY101", "title": "General Physics I" },
            { "code": "BIO101", "title": "Introduction to Biology" },
    { "code": "MTH101", "title": "General Mathematics I" },
            { "code": "CHM101", "title": "Introductory Chemistry I" },
            { "code": "PHY101", "title": "General Physics I" },
            { "code": "BIO101", "title": "Introduction to Biology" }
        ]);
var zip = new JSZip();
zip.file("file.txt",JSON.stringify(observableArray));
var content =...