Share your repls and programming experiences

← Back to all posts
React: 112 Pictographs
h
malvoliothegood (283)

This app shows 112 pictographs. They are HTML encodings that are similar to emojis. The pictographs are shown at a greatly increased font size and look similar to SVGs. When the app loads a random pictograph is shown. The series can be stepped through using Next and Previous buttons. The HTML encoding for each pictograph is displayed below it. To use it include it in HTML. For example, in the console you could write:

document.body.style.fontSize = "160px";
document.body.innerHTML = "<p>&#x1F369</p>";

This will display a donut - see image below.

React is the View framework used. Functional components are used along with the useState and useEffect hooks.