Web3 blogpost application

• 

  Home page for the application

• 

  Login page for the application

• 

  Dashboard/ Profile-page for the blog application

• 

  Create a blog post page for the application

• 

  View all blog post page

• 

  Update user profile details page

Inspiration

Inspirations behind this project:

One of the amazing things about web3 is the idea of ownership and decentralization. Users should be able to own their content and not have their content or accounts taken down without their permission.

Therefore I decided to create a blog application where users can post content, and also get paid if their content is enjoyed by other users.

What it does

Features of this application

1. This application allows users to post blogs by logging in with their Metamask wallet.
2. The application also allows individual to donate whitelisted tokens to other users using the application. These tokens will be stored on a smart contract that acts as a middleman.
3. The beneficiary can then claim those tokens respective to them from the smart contract.

   ---

How we built it

The application was built with the following:

1. Used React and Typescript for client side.
2. Stored blog data in Moralis Cloud.
3. Solidity for coding smart contracts
4. Hardhat for smart contract development, such as deployment and testing.

   ---

   
   

Challenges we ran into

A few challenges faced when developing the application:

1. Tried to use the Ceramic framework, however had trouble working with the documentation. Settled for Moralis to store data
2. Struggled with setting up hardhat environment initially

   ---

   
   

Accomplishments that we're proud of

1. Managed to develop a fully functioning application with some Web3 technologies
2. Coded and deployed smart contracts alongside writing test cases
3. Completing my first ever hackathon:D
   

What we learned

Learned about:

1. Writing solidity smart contracts
2. Calling smart contracts on a client level
3. Creating full-stack web3 applications
4. About web3, distributed systems and blockchain

   ---

   
   

What's next for Web3 blogpost application

1. Profile Image addition, with images stored on IPFS
2. Adding capability to add images to blogposts, images will also be stored on IPFS
3. Search for a decentralized storage system which can store schema based data, thereby decentralizing all the blog data.
4. Hosting the application on a decentralized network, e.g. IPFS using Fleek, or Spheron Protocol.
   

Built With

• hardhat
• javascript
• moralis
• react
• solidity
• typescript