Ethra (React Crypto App)

This is web 3.0 crypto application based on Ethereum Blockchain which allows the user to connect his Metamask wallet to send ETH and join a message and gif to every transaction, also to check the news of the crypto world and the statistics ( Ranking, References, Price Evolution chart...) .
We used several tools to facilitate the developpemnt process, first setting up a Hardhatenvironment to simplify the writing, compilation, debugging, testing and finally the deployment of the smart contract, then we used Alchemy as a node provider to deploy our smart-contract on a Live Network, then we used the ethers.js library to connect to Metamask to establish a connection with the network via the JSON/RPC protocol as a provider and we also used the signer to sign transactions for send ETH and pay to change the state in the blockchain, also when you it comes to searching for gifs by keyword to associate it to the transaction we used Giphy-api, as for the design we used ant-design with some additional CSS for some parts.
Coinranking API for the crypto ranking stats/info part.
Bing New Search API for the crypto news part.

Ether P2P Transfer:

Peer-to-peer transfer functionality and making connection easy by allowing the user to connect his Wallet Metamask.

• Transaction Form interface :

---

• Metamask Wallet Login Interface :

---

• Wallet pairing :

---

Transaction Tracking:

The users can track their transactions.

Latest Cryptocurrency Stats/Info :

The users can browse and read stats related to specific crypto.

• Homepage

---

• Ranking Page

---

• Searching by crypto

---

• Cryptocurenncy Details Page

---

Cryptocurrency News

The user can search for articles related to a specific crypto.