DEX Vanguard

Artem Kharchuk

Frontend Engineer
Next.js
Tailwind CSS
TypeScript

About Vanguard

You’re welcomed by a simple yet informative homepage with beautiful animations. The platform is built on the new Story protocol (currently on testnet). Here, you can swap, deposit, and withdraw from pools. We also have a faucet for all tokens available on the platform.
This project is currently not working because the database is no longer working.

Development process

Created the layout according to the design. (Includes animation from Rive)
2. Set it up a wallet connection tool and other tools for crypto interaction.
3. Localization was set up using dynamic pages.
4. Connected smart contract to the platform. And develop logic for swap, deposit and withdraw (in pool).
5. Connected Database and API (from Story scan) to view balances, pools and other tools.
6. Refactored and tested

Stack used

Next.js 14
TypeScript
Tailwind CSS
Wagmi (Library Web3)
Tanstack Query
Rainbow Kit (Library Web3)
GraphQL
Partner With Artem
View Services

More Projects by Artem