DEX Vanguard

Artem Kharchuk

0

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
Like this project
0

Posted Oct 29, 2024

Decentralized exchange (DEX) platform offering fast and secure crypto swaps with low fees. Seamless user experience powered by IP protocol technology.

Likes

0

Views

9

Tags

Frontend Engineer

Next.js

Tailwind CSS

TypeScript

Spilnota Landing Page
Spilnota Landing Page
Whale - Multifunctional omnichain solution powered by LayerZero
Whale - Multifunctional omnichain solution powered by LayerZero
Crypto Icon Library
Crypto Icon Library