diff --git a/Readme.md b/Readme.md
new file mode 100644
index 0000000..60f77c0
--- /dev/null
+++ b/Readme.md
@@ -0,0 +1,6 @@
+# Learn Blockchain Dev as 
+
+- frontend
+- backend
+- smartcontract (solidity)
+
diff --git a/backend/1.introduction.md b/backend/1.introduction.md
new file mode 100644
index 0000000..e69de29
diff --git a/faq.md b/faq.md
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/1.introduction.md b/frontend/1.introduction.md
new file mode 100644
index 0000000..6d97e7c
--- /dev/null
+++ b/frontend/1.introduction.md
@@ -0,0 +1,25 @@
+## Apa saja yang perlu dipelajari dalam pengembangan aplikasi blockchain untuk FE
+
+Berikut beberapa hal yang bisa dipelajari
+1. web3
+    -  [apa itu web3](https://web3js.readthedocs.io/en/v1.4.0/)
+2. contract
+    - apa itu ABI
+    - bagimana cara penggunaan ABI
+    - hal hal yang perlu diperhatikan dalam menggunakan ABI file
+        - ketika melakukan transaksi off chain ABI yang digunakan BE dan FE harus sama
+3. bagaimana cara handling transaksi web3
+    - onTransactionHash -> ketika transaksi di eksekusi, client akan mendapatkan transaction hash, tapi transaction masih dalam status belum selesai
+    - onReceipt -> transaction sudah selesai / sudah dieksekusi oleh miner
+    - onError -> terdapat error dalam eksekusi transaksi
+    - terdepat event lain, selengkapnya ada di dokumentasi web3
+4. bagimana integrasi proses `off-chain` di FE
+   - pengertian off-chain transaction
+   - request RSV ke BE
+   - apa itu RSV
+   - splitSignature menggunakan ether.js
+5. transaksi on-chain
+    - penggunaan soliditySha3 untuk transaksi onchain
+6. common UX ketika transaksi 
+    - terdapat loading modal yang tidak bisa diclose/disable interaction untuk menghindari transaksi yang sedang berlangsung gagal. karena untuk transaksi off chain memerlukan callback dari wallet sehingga perlu memastikan transaksi selesai. jika transaksi selesai tapi callback tidak dieksekusi akan terjadi loss transaction, pada kasus ini perlu dilakukan proses recovery 
+    
\ No newline at end of file
diff --git a/frontend/2.react.md b/frontend/2.react.md
new file mode 100644
index 0000000..0bcd9ff
--- /dev/null
+++ b/frontend/2.react.md
@@ -0,0 +1,3 @@
+## React 
+di react package yang bisa dipakai `@web3-react`. 
+sudah terdapat mekanisme untuk connect ke beberapa wallet
\ No newline at end of file
diff --git a/frontend/3.contract.md b/frontend/3.contract.md
new file mode 100644
index 0000000..f5f7127
--- /dev/null
+++ b/frontend/3.contract.md
@@ -0,0 +1,7 @@
+## Apa itu ABI
+ABI (Aplication Binary) didapat dari hasil compile smart contract. ABI digunakan client untuk berinteraksi dengan smart contract.<br>
+
+Disaat akan melakukan transaksi dengan suatu contract, terlebih dahulu web3 melakukan proses load terhadap ABI file, seperti :
+```
+new web3.eth.Contract(config.partyContractABI);
+```
diff --git a/general.md b/general.md
new file mode 100644
index 0000000..e69de29
diff --git a/reference.md b/reference.md
new file mode 100644
index 0000000..01496b1
--- /dev/null
+++ b/reference.md
@@ -0,0 +1 @@
+- https://www.youtube.com/channel/UCY0xL8V6NzzFcwzHCgB8orQ
diff --git a/smartcontract/1.introduction.md b/smartcontract/1.introduction.md
new file mode 100644
index 0000000..e69de29