Stroke Social

Inspiration

In fact, making traditional NFTs like Ape is hard for most users. While thinking about building a new avatar platform like Gravatar but for Web3, I just found that it's actually very cool for users to draw their own NFTs and then they can use them as their own avatars. And also, how about making money from your "strokes"?

What it does

Stroke Social basically provides users a drawing board and a collection browser for StrokeNFTs (NFTs created by our platform). Users can use the drawing board to draw some basic shapes and paths, and they can also "include" other NFTs into their own creation from the collection browser. When minting, we will ask the user to provide a "royalty price" for their own creation. Minters must also pay the "royalty price" for all the creators of the NFTs they included into their own creation.

Besides, users can also set their preferred NFTs as their own avatars. Therefore, other platforms can retrieve a user's StrokeNFT avatar by calling a method on our smart contract.

How we built it

I build the project using Fantom, IPFS, Solidity, Hardhat, React, and TypeScript. Since it's a fully on-chain project, no backend servers are needed.

Challenges we ran into

It's hard to make the SVG-based drawing board on React, especially the "including other NFTs into one's own drawing" part.

Accomplishments that we're proud of

Even though the features of the drawing board are simple, I achieved my purpose and completed the development of the platform.

What we learned

Now I have more knowledge about Fantom blockchain and its advantaged scenarios. It's exciting to build more projects on Fantom!

What's next for Stroke Social

I will continue developing the drawing and browsing feature of the platform. Once everything is done, it will be released to the public.

Github

https://github.com/acttmer/stroke-fantom

Built With

• fantom
• hardhat
• ipfs
• react
• solidity
• typescript