Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/adidem23/enchantdapp

This will be Demo Dapp Showing use of my NPM package enchant-mask
https://github.com/adidem23/enchantdapp

dapp enchantmask npm npm-package reactjs

Last synced: 13 days ago
JSON representation

This will be Demo Dapp Showing use of my NPM package enchant-mask

Awesome Lists containing this project

README

        



EnchantDapp : Dapp Based on EnchantMask Library


Table of Contents



  1. About The Project



  2. Getting Started


  3. Outputs

## About The Project

## EnchantDapp : Dapp Based on EnchantMask NPM Package
This is Dapp Which Contains Documentation For NPM Package Called Enchantmask . It has also Demo Playground You Can Test How Features work in this package

## Key Features:

# 1. EnchantMask Dapp :
It is Built for Demonstration of Enchantmask NPM package

# 2. EnchantMask Docs :
It Contains Documentation for Enchantmask NPM package
https://enchant-docs.vercel.app/

# Built With :

- [![My Skills](https://skillicons.dev/icons?i=vite&perline=3)](https://skillicons.dev) ViteJs
- [![My Skills](https://skillicons.dev/icons?i=html&perline=3)](https://skillicons.dev) HTML
- [![My Skills](https://skillicons.dev/icons?i=css&perline=3)](https://skillicons.dev) CSS
- [![My Skills](https://skillicons.dev/icons?i=javascript&perline=3)](https://skillicons.dev) Javascript
- AlongSide with these other Applicable Frontend Libraries

### Prerequisites :
This is an example of how to list things you need to use the software and how to install them.

* npm
```sh
npm install npm@latest -g
```
* You May Require Metamask Wallet and Some Matic or Testnet Tokens Also and Some Cases NVM(NodeJS Version Manager) Also

* NodeJs
```sh
Download Nodejs Version ^ 18.0.0 LTS
```

### Installation
Follow The Installation manual and install dependencies

1. Clone the repo

2. Run This Command in Terminal
```sh
npm install / npm Install --force
```
3. Go to src Folder and run
```sh
npm run dev
```

## Production Deployments:
- NPM Package : https://www.npmjs.com/package/enchantmask
- Documentation Site : https://enchant-docs.vercel.app/
- Vercel Dapp Deployment : https://enchant-dapp.vercel.app/

## Output:

# Frontend :

Screenshot 2023-12-29 165642






Screenshot 2023-12-29 165653






Screenshot 2023-12-29 165711






Screenshot 2023-12-29 165720

# DemoDapp :


Screenshot 2023-12-29 165816





# SwitchChain() :


Screenshot 2023-12-29 165747





# EncryptionKey():


Screenshot 2023-12-29 165835






Screenshot 2023-12-29 165845





# ConnectedAccount():


Screenshot 2023-12-29 165852





# SignMessage():


Screenshot 2023-12-29 165917






Screenshot 2023-12-29 165925





# BlockNumber():


Screenshot 2023-12-29 165932





# ChainId():


Screenshot 2023-12-29 165940





# GasPrice():


Screenshot 2023-12-29 165948





... And Many More

## EnchantMask In Action :
https://www.youtube.com/watch?v=8dayH3zByDo