JSFiddle - React, Tailwind, and code Playground

by Esther Mun

JavaScript

var myFavoriteCatBreeds = [{
    birman: {
        name: "Birman",
        origin: "Myanmar",
        characteristics: {
            head: ["strong", "broad", "rounded"],
            ears: "medium length",
            eyes: "vivid blue",
            body: "long stocky",
            legs: ["medium-length", {
                "paws": "large rounded"
            }],
            coat: ["silky", {
                "length": "medium-long"
            }]
        },
        temperament: ["placid", "playful", "people-oriented", "friendly", "intelligent", "curious"],
        grooming: "weekly",
        size: {
            male: {
                minWeightInLb: 9,
                maxWeightInLb: 15
            },
            female: {
                minWeightInLb: 6,
                maxWeightInLb: 10
            }
        },
        coatColors: {
            variations: ["seal point", "blue point", "chocolate point", "lilac point", "red point", "cream point", "tortie point", "tabby point", "silver tabby point", "smoke point"]
        },
        lifeExpectancy: 15
    }
}, {
    russianBlueShorthair: {
        name: "Russian Blue Shorthair",
        origin: "Russia",
        characteristics: {
            head: "triangular",
            ears: ["large", "pointed tips"],
            eyes: "vivid green",
            body: ["fine-boned", "long", "firm"],
            legs: "muscular",
            coat: ["short", "dense", "fine"]
        },
        temperament: ["shy", "affectionate", "energetic", "playful", "devoted"],
        grooming: "little required",
        size: {
            male: {
                minWeightInLb: 7,
                maxWeightInLb: 11
            },
            female: {
                minWeightInLb: 5,
                maxWeightInLb: 8
            }
        },
        coatColors: "bright blue-gray",
        lifeExpectancy: 16

    }
}, {
    tiffanie: {
        name: "Tiffanie",
        origin: "United Kingdom",
        characteristics: {
            head:...