diff --git a/.gitignore b/.gitignore
index 4c9e245..d852d58 100644
--- a/.gitignore
+++ b/.gitignore
@@ -21,3 +21,48 @@ cabal.project.local
cabal.project.local~
.HTF/
.ghc.environment.*
+
+
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+# private keys, seed, etc
+*.priv
+*.seed
+*secret*
+getData.ts
+*getData.ts*
+secret.json
\ No newline at end of file
diff --git a/READMEGuess.md b/READMEGuess.md
new file mode 100644
index 0000000..3ab6e76
--- /dev/null
+++ b/READMEGuess.md
@@ -0,0 +1,107 @@
+# guessNumberLucid
+Off-Chain code with Lucid #plutarch #cardano
+
+
+
+
+
+Employ Lucid to interact with off-chain code.
+
+Employ blockfrost to connect to Cardano blockchain.
+
+
+
+
+
+## Plutarch On Chain code
+
+### Overview
+
+Plutarch is an eDSL in Haskell for writing on-chain scripts for Cardano. With some caveats, Plutarch is a [simply-typed lambda calculus](https://en.wikipedia.org/wiki/Simply_typed_lambda_calculus) (or STLC). Writing a script in Plutarch allows us to leverage the language features provided by Haskell while retaining the ability to compile to compact Untyped Plutus Core (or UPLC, which is an untyped lambda calculus).
+
+When we talk about “Plutarch scripts,” we are referring to values of type `Term (s :: S) (a :: PType)`. `Term` is a `newtype` wrapper around a more complex type, the details of which Plutarch end-users can ignore. A `Term` is a typed lambda term; it can be thought of as representing a computation that, if successfully evaluated, will return a value of type `a`.
+
+
+
+### Why Plutarch?
+
+Plutarch written validators are often significantly more efficient than Plutus Tx written validators. With Plutarch, you have much more fine gained control of the Plutus Core you generate, without giving up any type information.
+
+To put things into perspective, one validator script from a large production contract was rewritten in Plutarch, changed from Plutus Tx. Here's the comparison between the Plutarch script's execution cost compared to the Plutus Tx script's execution cost. These numbers were gathered by simulating the whole contract flow on a testnet:
+
+| Version | CPU | Memory | Script Size |
+| ------------------ | ----------- | ------- | ----------- |
+| PlutusTx (current) | 198,505,651 | 465,358 | 2013 |
+| Plutarch | 51,475,605 | 99,992 | 489 |
+
+
+
+[Reference]: https://github.com/Plutonomicon/plutarch-plutus#why-plutarch "Why Plutarch"
+
+
+
+
+
+
+
+### guessNumber
+
+
+
+Here we start with Number guess game and the Cardano plutus onChain script is written in Plutarch.
+
+Below is snippet of onCHain code for :
+
+#### Datum and Redeemer
+
+```haskell
+data POurDatum (s :: S) = POurDatum (Term s (PDataRecord '[ "password" ':= PInteger ]))
+ deriving stock (Generic)
+ deriving anyclass (PlutusType, PIsData, PDataFields)
+
+instance DerivePlutusType POurDatum where
+ type DPTStrat _ = PlutusTypeData
+
+instance PTryFrom PData POurDatum
+
+data POurRedeemer (s :: S) = POurRedeemer (Term s (PDataRecord '[ "password" ':= PInteger ]))
+ deriving stock (Generic)
+ deriving anyclass (PlutusType, PIsData, PDataFields)
+
+instance DerivePlutusType POurRedeemer where
+ type DPTStrat _ = PlutusTypeData
+
+instance PTryFrom PData POurRedeemer
+```
+
+
+
+#### Plutarch validator
+
+This is a simple validator where it matches the existing Datum number with Redeemer number, and if its equal then it unlocks the funds. Again this is a trivial example as we inline the Datum so its actually visible but ideally it should be hashed.
+
+```haskell
+pvalidateSmallChecks :: Term s (POurDatum :--> POurRedeemer :--> PScriptContext :--> PUnit)
+pvalidateSmallChecks = phoistAcyclic $ plam $ \datum redeemer _ctx -> unTermCont $ do
+ -- ctxF <- pletFieldsC @'["txInfo"] ctx
+ -- infoF <- pletFieldsC @'["signatories"] ctxF.txInfo
+ datumF <- pletFieldsC @'["password"] datum
+ redeemF <- pletFieldsC @'["password"] redeemer
+ pure $
+ pif ( (redeemF.password) #== datumF.password )
+ (pconstant ())
+ perror
+
+pvalidateSmallChecksW :: Term s PValidator
+pvalidateSmallChecksW = phoistAcyclic $ plam $ \datum redeemer ctx ->
+ let ourDatum :: Term _ POurDatum
+ ourDatum = punsafeCoerce datum
+ ourRedeemer :: Term _ POurRedeemer
+ ourRedeemer = punsafeCoerce redeemer
+ in popaque $ pvalidateSmallChecks # ourDatum # ourRedeemer # ctx
+```
+
+
+
+
+
diff --git a/components/NftCard.tsx b/components/NftCard.tsx
new file mode 100644
index 0000000..d9a7678
--- /dev/null
+++ b/components/NftCard.tsx
@@ -0,0 +1,25 @@
+
+import { useState } from 'react'
+import { useStoreActions, useStoreState } from "../utils/store";
+
+
+const NftCard = (props: any) => {
+ const image = typeof (props.meta.image) === 'string' ? "https://ipfs.io/ipfs/" + props.meta.image.replace("ipfs://", "") : ""
+
+ return (
+ <>
+
+
+
+
+
+
{props.meta.name}
+
+
+
+
+
+ )
+}
+
+export default NftCard;
\ No newline at end of file
diff --git a/components/NftGrid.tsx b/components/NftGrid.tsx
new file mode 100644
index 0000000..f919b09
--- /dev/null
+++ b/components/NftGrid.tsx
@@ -0,0 +1,21 @@
+
+import { useEffect } from 'react'
+import NftCard from './NftCard'
+
+const NftGrid = (props : any) => {
+ useEffect(()=>{
+console.log(props)
+ },[props])
+ return (
+ <>
+