https://github.com/crypmancer/base-trading-app
Base Chain Trading Application that users can buy/sell tokens they want. You have to config token addresses that you want to track.
https://github.com/crypmancer/base-trading-app
0x alchemy basechain dexscreener-api nextjs tailwindcss trading-platform
Last synced: 7 months ago
JSON representation
Base Chain Trading Application that users can buy/sell tokens they want. You have to config token addresses that you want to track.
- Host: GitHub
- URL: https://github.com/crypmancer/base-trading-app
- Owner: crypmancer
- Created: 2024-09-18T14:35:11.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-24T11:14:07.000Z (about 1 year ago)
- Last Synced: 2025-01-12T01:32:27.681Z (9 months ago)
- Topics: 0x, alchemy, basechain, dexscreener-api, nextjs, tailwindcss, trading-platform
- Language: TypeScript
- Homepage:
- Size: 3.66 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Base Chain Trading App
## Purpose
THe purpose of this project is to create a basic trading app using typescript on Base (EVM L2 Blockchain)
## Funtionality
1. Show information about a specific asset (Price, 6h Volume, 6h Price Change, FDV, Others...)
2. Buy/Sell asset with/for native token
3. Show portfolio data (In USD)
4. Track and show transactions for the wallet
## Helpful APIs/Docs
- Understanding how EVM transactions work: https://www.quicknode.com/guides/ethereum-development/smart-contracts/a-dive-into-evm-architecture-and-opcodes#understanding-evm-transaction-execution
- Check out the Alchemy docs: https://docs.alchemy.com/reference/api-overview
- Get token info using Dexscreener api: https://docs.dexscreener.com/api/reference
- Use 0x for swapping https://0x.org/products/swap
## Implementation
1. Completed
You can specify the token list that you want to track in `/app/props/data.ts/tokenAddrs`.
Get the token data by calling `getTokenInfo` function of `/app/lib/api.ts`.
2. Completed
Completed funtionality that can make buy/sell transaction using `@0x/swap-ts-sdk` SDK.
3. Completed
In the first page `https://localhost:3000/` we can see all infomation of token in USD.
4. Completed
We can check the buy/sell transactions of specific token in `http://localhost:3000/token/${tokenAddr}`.
Completed using `alchemy-sdk`.
`getTxHistory()` function of `/app/lib/api.ts`.