Search
Generic filters
Share on facebook
Share on twitter
Share on linkedin

Moralis Projects – Learn to Build a Web3 Twitter

This week’s Moralis Project will be premiering May 7th on YouTube. Be sure to go like the video and subscribe to the channel to get notified of all future premiers. All steps will be outlined in the video.

Prerequisites

  1. Web Programming using ReactJS
  2. Knowledge of and experience using wallet like MetaMask
  3. Basic Solidity Understanding (you can learn this on the go)

This Week’s Challenge – Web3 Twitter Clone

In this week’s Moralis Project, you will dive into building your own Web3 Twitter clone. You will write a simple smart contract that gives you the option to save tweets onto a blockchain of your choice. Using React and the web3uikit you will build a frontend that has the feel of Twitter in a beautiful dark theme. Finally, you will use Moralis to authenticate users, store their profile data and tweets, interact with your smart contract and retrieve a users NFTs so they can use them as their profile picture. Happy buidling!

Need Help?

There is an official Discord channel on the Moralis Discord Server for each Moralis Project. Consequently, you can use the Discord channel to connect with others building projects, ask questions, and present your builds. Furthermore, there’s always a Moralis Tech Support wizard nearby helping out as well if you’ve got any questions or need any assistance.

Be sure to join the Discord server to take part in the conversation! 

Then be sure to set up notifications in projects-notifications and jump into this week’s channel; #web3-twitter.

If you prefer, the Moralis Forum we also have a designated thread for this week’s build, for more comprehensive discussion.

https://forum.moralis.io/t/web3-twitter-clone-helping-each-other/14421

Can You Improve Our Projects?

All Moralis Projects are starter tutorials, that will give you a strong push in the right direction on your Web3 development journey. Also, if you want to go even further and build a more ambitious project based on what you learned in a Moralis Project, we highly encourage it!

Moreover, if you find mistakes in any Moralis Projects, feel free to share them with the community and even suggest merge requests in the final build repos, to get you some extra brownie points.

How to Get Started

The starter code required for this week’s build may be cloned from the youtube-tutorials GitHub Repository.

git clone https://github.com/MoralisWeb3/youtube-tutorials.git

After cloning the repo, be sure to navigate to the correct folder.

And finally you can install all the project dependencies by running the command:

cd youtube-tutorials 
cd Twitter-Starter
Yarn 

If you want to have a browse at the final build (including the solidity contract and moralis sync event instructions) you can find it by following this link: 

https://github.com/MoralisWeb3/youtube-tutorials/tree/main/Twitter-Start

Graduation 

Now, you’re ready to rock and follow along the tutorial! Make sure that you’ve joined our Discord, and feel free to ask if you’ve got any questions! If you complete the project, you’ll be able to claim a special Moralis Buidler Twitter NFT, from the community engineers on Moralis Discord! And it would be silly to not boast about it on social media 😉

https://opensea.io/assets/matic/0x2953399124f0cbb46d2cbacd8a89cf0599974963/113461209507512867518933452141320285231135646094834536306130710989420835635700

May 6, 2022
Moralis Blog
Moralis Blog
Become a Moralis Mage
Get the latest information about Moralis Web3 in your email
Search
Generic filters
Related Articles
Become a Web3 Expert
Subscribe to our newsletter and get our E-book Web3 Speed run for FREE