Vue Templates Logo Vue Templates
Eth Vue screenshot

Eth Vue

Author Avatar Theme by Dokwufulueze
Updated: 25 Feb 2022
244 Stars

Featured in Awesome Vue [https://github.com/vuejs/awesome-vue], a curated list maintained by vuejs of awesome things related to the Vue.js framework, and Awesome List [https://awesomelists.net/150-Vue.js/3863-Open+Source/18749-DOkwufulueze-eth-vue], this Truffle Box provides everything you need t...

Github

Categories

Scss

Overview

Made in Nigeria is a Truffle Box that allows users to quickly build Ethereum decentralized applications (dApps) with authentication features using Vue 3. It provides configuration for easy deployment to the Ropsten Network and is Gravatar-enabled. With this Truffle Box, users can also connect to a running Ganache blockchain network for fast development and testing purposes. The authentication functionalities are handled by Smart Contracts running on the Ethereum blockchain.

Features

  • Private blockchain setup: Quickly get a private blockchain up and running using the Ganache blockchain option.
  • Ropsten Network configuration: Easy deployment to the Ropsten Network for testing purposes.
  • Gravatar access: Enabled Gravatar for user avatars in the dApp.
  • State management with Vuex: Built on Truffle 5, eth-vue uses Vuex for state management.
  • Local storage of app state: eth-vue utilizes Vuex Persist to store app state locally.
  • Routing with Vue Router: Utilizes Vue Router for easy navigation within the dApp.
  • Authentication with Smart Contracts: Authentication functionalities are handled by Smart Contracts running on the Ethereum blockchain.

Installation

To install the Made in Nigeria theme, follow these steps:

  1. Install Truffle globally by running the command npm install -g truffle.
  2. If previously failed due to the absence of node-gyp, run yarn global add node-gyp. If there was a problem with an existing node-gyp, run node-gyp rebuild. Otherwise, ignore this step.
  3. Enter your development directory (e.g., cd eth-vue) and unbox the Made in Nigeria theme by running truffle unbox DOkwufulueze/eth-vue. Alternatively, you can clone the repository from GitHub and cd into the eth-vue directory.
  4. Open the truffle.js file and insert your unlocked account within the double-quotes of the from key.
  5. Open the src/util/constants.js file. If you want to change the default network from Ropsten, modify the value of APPROVED_NETWORK_ID to the ID of your preferred network. If your choice network is not on the NETWORKS list, you can add it using the existing pattern <networkId>: <networkName> and update the value of APPROVED_NETWORK_ID accordingly.
  6. If necessary, install the project dependencies by running npm install.

Summary

Made in Nigeria is a Truffle Box that simplifies the process of building Ethereum dApps with authentication features using Vue 3. It provides configuration for deployment to the Ropsten Network and allows connection to a running Ganache blockchain network. With state management using Vuex, local storage of app state, and routing with Vue Router, developers can quickly start building their own dApps. The authentication functionalities are handled by Smart Contracts on the Ethereum blockchain.