Sample Lore App
Making Use of Hyype APIs to build your own app with lore feeds
An minimal sample app written in plain js and HTML that demonstrates the workflow of writing, reading and hiding lore based on Hyy.pe POST APIs. It also displays a basic lore feed using one of the feed Endpoints.
Lore Demo App in action

Code Repository

Demo

Find the demo here - https://lore-demo-app.vercel.app/ (Desktop only - works best in chromium based browsers)

What API methods are used?

POST
GET
​

External dependencies used in this demo

To reduce included library code, all of them are loaded directly via CDN
  • ​Editorjs - to create loreblocks and initialise an editor to write lore
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@editorjs/[email protected]"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@editorjs/[email protected]"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@editorjs/[email protected]"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@editorjs/[email protected]"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@editorjs/[email protected]"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@editorjs/[email protected]"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@editorjs/[email protected]"></script>
  • ​Jquery and Bootstrap bundle only for the UI components (buttons, modals etc for this demo. Not related to the API)
  • ​Web3.js - Ethereum JS API
  • ​Buffer - Nodejs buffer API for the browser
  • ​Editorjs-html - Parser built to parse the loreBlocks back into HTML
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/build/edjsHTML.js"></script>
  • Filestack API - to build a remote image uploading experience hooked into the editor without backend implementation
<script type="text/javascript" src="https://static.filestackapi.com/filestack-js/3.x.x/filestack.min.js"></script>
  • Opensea API - to fetch your tokens from the connected wallet address
​
Export as PDF
Copy link
On this page
What API methods are used?
External dependencies used in this demo