https://wiki.seasonaltokens.org/index.php?action=history&feed=atom&title=Tutorials%3AConnect_AccountTutorials:Connect Account - Revision history2026-04-29T16:47:59ZRevision history for this page on the wikiMediaWiki 1.38.1https://wiki.seasonaltokens.org/index.php?title=Tutorials:Connect_Account&diff=5002&oldid=prevMove page script: Move page script moved page Tutorials:F89e to Tutorials:Connect Account2025-11-04T00:41:38Z<p>Move page script moved page <a href="/wiki/Tutorials:F89e" class="mw-redirect" title="Tutorials:F89e">Tutorials:F89e</a> to <a href="/wiki/Tutorials:Connect_Account" title="Tutorials:Connect Account">Tutorials:Connect Account</a></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<tr class="diff-title" lang="en">
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 02:41, 4 November 2025</td>
</tr><tr><td colspan="2" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div>
</td></tr></table>Move page scripthttps://wiki.seasonaltokens.org/index.php?title=Tutorials:Connect_Account&diff=1459&oldid=prevMediawiki: 1 revision imported2025-10-29T17:13:10Z<p>1 revision imported</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<tr class="diff-title" lang="en">
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 19:13, 29 October 2025</td>
</tr><tr><td colspan="2" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div>
</td></tr></table>Mediawikihttps://wiki.seasonaltokens.org/index.php?title=Tutorials:Connect_Account&diff=1458&oldid=prevBeginnersGuide>Marin at 02:28, 12 February 20252025-02-12T02:28:46Z<p></p>
<p><b>New page</b></p><div>= Website Interaction / Connect Account=<br />
<br />
In the following exercise we will use Seasonal Tokens website to illustrate how Metamask connects the website to a blockchain and displays different information depending on the blockchain.<br />
<br />
# Open Metamask. <br />
# Click on Expand view.<br />
# With your Metamask extension connected to the Ethereum Mainnet visit this website:<br />
<br />
[https://www.seasonaltokens.org/trade Buy Tokens / Trade ]<br />
<br />
==Metamask Tip:==<br />
<br />
Sometimes, if Metamask doesn't want to connect to a website, it helps disconnecting the Extension<br />
and connecting it back again, to "flush" all previous connection data.<br />
<br />
# Go to Manage Extensions<br />
# Click on Metamask Disconnect Extension<br />
# Turn the Extension back on.<br />
<br />
== Connect Account ==<br />
<br />
Scroll down to the section: Buy Tokens. Underneath the red warning.<br />
<br />
(to know more about the red warning visit the Front Running Bot quest.)<br />
<br />
If it is the first time you connect with the website it '''will not show''' the price of the tokens.<br />
<br />
[[File:Connectaccount.jpg|600px]]<br />
<br />
'''Click on connect account.'''<br />
<br />
* Metamask informs you of the permissions requested by the website. <br />
* Click "connect" to connect the website to your account.<br />
<br />
[[File:ConnectMM.jpg|600px]]<br />
<br />
'''Exercise'''<br />
<br />
After you gave permissions to connect with this site it will show the token prices in USD.<br />
<br />
Notice that the buttons in the right hand side column say '''ETH'''/SPRING, '''ETH'''/SUMMER, '''ETH'''/AUTUMN, '''ETH'''/WINTER<br />
<br />
The website is displaying information pertaining to the Ethereum blockchain.<br />
<br />
[[File:Buy tokens.jpg|700px]]<br />
<br />
'''Task:'''<br />
<br />
Now that you have connected your wallet, what are the words hidden by the rectangle in the image above?<br />
Use the same Upper/Lower case as it appears in the website.<br />
<br />
<br />
=Core Technology of Web3: Connecting Websites to Blockchains=<br />
<br />
At the heart of Web3 technology is the ability for websites to connect directly to blockchains, enabling decentralized applications (dApps) to interact with smart contracts and provide trustless services. This is achieved through specific tools and technologies, which form the backbone of Web3 development.<br />
<br />
'''Key Components'''<br />
<br />
'''1. JavaScript Libraries (Web3.js / Ethers.js)''' <br />
<br />
These libraries enable web applications to communicate with blockchains. They allow developers to: <br />
<br />
* Read blockchain data. <br />
* Interact with smart contracts. <br />
* Send transactions.<br />
<br />
'''2. Blockchain Node Providers''' <br />
<br />
Node providers like '''Infura''', '''Alchemy''', and '''QuickNode''' offer access to blockchain nodes, allowing dApps to interact with the blockchain without requiring users to run a full node themselves.<br />
<br />
'''3. Wallet Integration (MetaMask)''' <br />
<br />
Browser wallets such as '''MetaMask''' act as bridges between users and dApps. They enable: <br />
<br />
* Secure key management. <br />
* Transaction signing. <br />
* Seamless connection to dApps via browser extensions or mobile apps.<br />
<br />
'''4. Smart Contracts''' <br />
<br />
Smart contracts are self-executing programs on the blockchain. Websites connect to these contracts to provide decentralized services, such as swaps, lending, and trading, without intermediaries.<br />
<br />
---<br />
<br />
This technology stack is what allows Web3 to provide decentralized, permissionless, and trustless services directly through websites.</div>BeginnersGuide>Marin