30 - Oct - 2022

React + Tailwind CSS

Crypto | Web-3 | Blockchain Wallet App | Live Link

Yarn base dependence:-

yarn create vite

yarn dev

Yarn dependence:-

• yarn add -D tailwindcss postcss autoprefixer | npx tailwindcss init -p
• yarn add ethers
• yarn add react-icons

For smart contract :-

• yarn add -D chai
• yarn add -D hardhat
• yarn add -D @nomiclabs/hardhat-waffle
• yarn add -D @nomiclabs/hardhat-ethers
• yarn add -D ethers
• yarn add -D ethereum-waffle

Learning Context

• react app init at yarn by vite
• tailwind.config.cjs -> CSS style adding
• custom animated loader
• custom colors + style add at tailwind config file
• small responsive grid table with responsive border rounded
• using of gradient from custom gradient generators
• string address cutter ..... representation utility
• write custom hooks for data fetching...

Gradient Color Generator

• https://csshero.org/mesher

git remote -v 
git remote remove origin
git remote -v 
git remote add origin https://github.com/taiseen/crypto-bca.git
git remote -v
git push -u origin main