JSFiddle - React, Tailwind, and code Playground

by joaovmvini

HTML

<html>
 <link rel="stylesheet" href="https://jsuites.net/v3/jsuites.css" type="text/css" />
    <link rel="stylesheet" href="https://jsuites.net/v3/jsuites.layout.css" type="text/css" />
    <link rel="stylesheet" href="https://jsuites.net/v3/jsuites.mobile.css" type="text/css" />
<script type="text/javascript" src="https://jsuites.net/v3/jsuites.js"></script>
<script type="text/javascript" src="https://jsuites.net/v3/jsuites.layout.js"></script>
<script type="text/javascript" src="https://jsuites.net/v3/jsuites.mobile.js"></script>
<script src="https://lemonadejs.net/v1/lemonade.js"></script>

<div id='root'></div>

<script>
var shopping = (function(container){
    var self = {};
	
  	self.products = [
    {
    "Id": "jenlooper-cactus",
    "Price": "20.99",
    "Maker": "@jenlooper",
    "img": "https://user-images.githubusercontent.com/41929050/61567048-13938600-aa33-11e9-9cfd-712191013192.jpeg",
    "Url": "https://www.hackster.io/agent-hawking-1/the-quantified-cactus-an-easy-plant-soil-moisture-sensor-e65393",
    "Title": "The Quantified Cactus: An Easy Plant Soil Moisture Sensor",
    "Description": "This project is a good learning project to get comfortable with soldering and programming an Arduino.",
    "Ratings": [
        5,
        5
    ]
    },
    {
    "Id": "jenlooper-light",
    "Price": "18.50",
    "Maker": "jenlooper",
    "img": "https://user-images.githubusercontent.com/41929050/61567049-13938600-aa33-11e9-9c69-a4184bf8e524.jpeg",
    "Url": "https://www.hackster.io/agent-hawking-1/book-light-dee7e4",
    "Title": "A beautiful switch-on book light",
    "Description": "Use craft items you have around the house, plus two LEDs and a LilyPad battery holder, to create a useful book light for reading in the dark.",
    "Ratings": null
    },
    {
    "Id": "jenlooper-lightshow",
    "Price": "39.99",
    "Maker": "@jenlooper",
    "img": "https://user-images.githubusercontent.com/41929050/61567053-13938600-aa33-11e9-9780-104fe4019659.png",
  ...