Navigate between pages

Frontend development of the dæpp

Frontend development of the dæpp

In this chapter, we will build the frontend for our dæpp.

Learning Objective

Have learned how to connect your frontend to the æternity blockchain.
Have a working knowledge on how to make write and read calls to the blockchain.
Be able to build a dæpp that can easily be accessed through the æternity base wallet.

HTML and CSS of the dæpp

6 minutes Youtube Video by dacade
In this video, we will create the HTML and CSS for our dæpp.

Javascript of the dæpp

6 minutes Youtube Video by dacade
In this video, we will add the javascript part for our dapp to enable some interactivity for our users. We will build a template using the mustache.js library.

Connecting our dæpp to æternity

8 minutes Youtube Video by dacade
In this video, we will host our dæpp on GitHub and finally connect our frontend to our Sophia contract on the æternity testnet. ⚠️Currently the baseapp is not working with the latest version of the sdk, so please load version 6.1.2 instead: https://unpkg.com/@aeternity/aepp-sdk@6.1.2/dist/aepp-sdk.browser-script.js

Vote and register memes on æternity

7 minutes Youtube Video by dacade
In this video, we will finalise our frontend and enable voting and registration functionality.