Giter Club home page Giter Club logo

iamnizar / crypto-app-ethra Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 566 KB

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...)

Shell 0.50% JavaScript 79.57% HTML 1.33% Solidity 2.29% CSS 16.31%
alchemy ant-design bing-news-search-api coinranking-api ethereum etherjs giphy-api hardhat jsonrpc metamask-integration rapidapi react smart-contracts solidity

crypto-app-ethra's Introduction

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 :


Screen Shot 2022-05-25 at 7 41 00 PM

  • Metamask Wallet Login Interface :


Screen Shot 2022-05-25 at 7 41 40 PM

  • Wallet pairing :


Screen Shot 2022-05-25 at 7 42 30 PM

Transaction Tracking:

The users can track their transactions.

Screen Shot 2022-06-12 at 11 53 06 PM

Screen Shot 2022-06-12 at 11 55 15 PM

Latest Cryptocurrency Stats/Info :

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

  • Homepage


Screen Shot 2022-05-25 at 7 16 55 PM

  • Ranking Page


Screen Shot 2022-05-25 at 7 17 21 PM

  • Searching by crypto


Screen Shot 2022-05-25 at 7 17 44 PM

Screen Shot 2022-05-25 at 7 19 18 PM

  • Cryptocurenncy Details Page


Screen Shot 2022-05-26 at 1 10 48 PM

Screen Shot 2022-05-26 at 1 10 58 PM

Screen Shot 2022-05-26 at 1 11 13 PM

Cryptocurrency News

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

Screen Shot 2022-05-25 at 7 20 11 PM

Screen Shot 2022-05-25 at 7 20 22 PM

Screen Shot 2022-05-25 at 7 20 56 PM

crypto-app-ethra's People

Contributors

iamnizar avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.