Token4u is a web application that allows anyone to deploy their own ERC-20 or BEP-20 token to five different blockchains: Ethereum, Polygon, Binance Smart Chain, Fantom and Avalanche.
- Efficient and secure smart contracts
- Easy-to-use web application
- Responsive UI that fits perfectly for the client's brand
Web app, smart contracts and web design
The client came to us asking if we could help him build an application that his customers could then use for deploying their own tokens. We immediately said yes and after some research came back with a clear proposal of how we would do it: a Nextjs front-end that communicates with a base smart contract for deploying different tokens based on given parameters.
After we had planned the technology stack and the client was happy with our offer, we got to work on the website design. The client's brand was modern and they liked a darker theme, so we went with a modern blue with teal accents. In the end the client really liked and we're also happy. We also did a bit of branding by coming up with a slogan for the client!
Image 1. Open graph image we designed for the client
Building the smart contract
This was our first time deploying a client project that works across multiple blockchains. The contract we designed needed to be able to deploy ERC-20 tokens to Ethereum, Polygon, Fantom and Avalanche but also BEP-20 tokens to Binance Smart Chain. To achieve this, we built a base contract that we could use to run different functions based on given parameters. The parameters we pass to the contract are the name for the new token, a token symbol, the total supply of tokens in circulation and whether the token should be burnable or not. After deploying the tokens, all the new tokens are automatically transferred to the deployer's wallet where they can then distribute them however they like.
To make the UX even better for this application, we made sure that the contracts each customer would deploy are automatically verified on Etherscan and other block explorers. This was achieved by manually verifying one of each contract, so the other's would then be automatic instead of the customer having to do it manually.
Connecting the contract to our front-end
As with all our projects, our default choice for the front-end stack was Nextjs with Tailwind CSS hosted on Vercel. After designing the UI, building the app was quite easy as when we build both the contract and the website, it's really easy for us to test the functionality together.
After deploying the final project to our client's domain and checking that everything was working flawlessly, the project was complete. The client was very happy with everything and we immediately continued to work together on another project, which we will be publishing later!