X Dapp - A Decentralized X ( formerly twitter ) Application compiled in Remix IDE , deployed on Ethereum BlockChain (Sepolia TestNet) , Frontend Designed using ReactJS. Basic CRUD functionality implemented.
Visit the live version of the X dApp here.
Experience the functionality of dApp by watching the demo
demo.mp4
Alternatively, you can also view the demo on YouTube.
Two Smart Contracts are deployed on the Sepolia test network:
-
Main Contract:
0xe35C15863a1f76f130aCb8bD252058F03D29a469
-
User Contract:
0x3De16Ae31a133CaefDE4ca227f493BF02c1Eac66
-
The Main Contract handles the core functions of the X Application.
-
The User Contract manages user profiles.
-
Both contracts inherit ownership features from
Ownable.sol
by OpenZeppelin, ensuring secure and controlled access. -
The Main and User contracts can communicate with each other to coordinate user and application functions.
- The smart contracts are compiled using Remix IDE.
- The application is built with a React frontend, using ABI to facilitate communication with the deployed smart contracts.
- User Profile: A user can create a profile, provided they have a MetaMask wallet with some Sepolia ETH.
- Tweets: Users can add, edit, and delete their tweets.
- Timestamps and like count: Each tweet includes a timestamp and like count.
- Basic CRUD functionality is implemented.
To get started with the X dApp, please follow the steps below:
-
Set Up Metamask Wallet:
- Install the Metamask extension in your preferred web browser.
- Create a new wallet or import an existing wallet.
- Collect some Sepolia ETH using available free faucets.
-
Clone the GitHub Repository:
- Open your terminal.
- Execute the following command to clone the repository:
git clone https://github.com/Nithin1729S/X_dApp.git
-
Install Project Dependencies:
- Navigate to the project's main directory:
cd X_dApp
- Install the necessary dependencies using npm:
npm install
- Navigate to the project's main directory:
-
Start the React Application:
- Run the following command to start the React application:
npm start
- Run the following command to start the React application:
-
Connect to Your Metamask Wallet:
- Open the application in your web browser.
- Use the Metamask extension to connect your wallet.
-
Create Your Account and start Tweeting:
- Once connected, your account will be created automatically.
- You can now start tweeting.