JSFiddle - React, Tailwind, and code Playground

by Gwyn Milcote

HTML

<p>[sitename] is a virtual pet collecting/breeding game. Or maybe <b>'game engine'</b> is a better term? There isn't a fixed universe with official pets to find; here you can make your own!</p>
<p>Creators have total control of their own fantasy species, with custom genetic systems, items, pages, CSS styles and message boards.</p>

<p>No programming ability is needed. You do all the artwork, creative writing, and plan how the species will work. [Sitename]'s tools will help you easily manage the rest, and get your creatures out there so other members can collect them.</p>

<p>There are 2 types of species: <b>Adoptable</b> and <b>Animal</b>. First, let's see how they are similar...</p>

<p>An individual adoptable or animal, owned by a player in their personal stable, is called a <b>"pet"</b>. Each pet can:</p>
<ul>
    <li>Be named and have a custom profile description (HTML).</li>
    <li>Have background images on profiles.</li>
    <li>Gain points, level-up and maybe grow/evolve by being clicked.</li>
    <li>Be bred or combined with another pet, to create an offspring (which may be a different species, or inherit traits from parents).</li>
    <li>Hold onto items, which can make them evolve into different species or change traits when levelling up</li>
    <li>Have consumable items used on them, to boost their levels, change sex/species/genes, make them immortal, etc.</li>
    <li>Be traded between users.</li>
    <li>Be abandoned (appear in a public holding area for another user to claim).</li>
    <li>Be released/disappeared (permanently deleted).</li>
    <li>Die of old age after so many days (you decide the lifespan. Avoidable if owner makes them immortal).</li>
</ul>

<p>(Some of these features, like breeding or being clickable, may be switched off by the species' creator.)</p>

<p>Now for the differences...</p>

<p><b>Adoptables</b> are simple. They have fixed images/sprites. "Johnny, the Black Rock Dragonlet" or "Rose's Gale, the Sea-Flame Snake". All...