Solana Tokens Exchange Calculator

An easy way to see real-time exchange rates for the tokens that exist on the Solana Blockchain.

Comment

Project Demo: https://crypto-calculator-nine.vercel.app/

Inspiration

Starting the first week of this fellowship with Solana, and being quite new to Solana Development, it has been an exciting rush of knowledge for the both of us! We got paired with a Solana ecosystem company called Vyper Protocol, being the "first permissionless tranching protocol on Solana".

Having to base our Orientation Hackathon project on Vyper Protocol, we thought, "what could we create that is useful, intuitive, and could help Vyper Protocol/DeFi users?". So with our big brains and bright starry eyes, we came up with a Solana Token Exchange Calculator!

What it does

It allows the user to compare two different tokens that exist on the Solana Blockchain, and see the exchange rates for a given amount of tokens. Displaying the results in real-time, with features such as switching the tokens inputted, alerts for invalid inputs, and of course, nightmode.

How we built it

We used NextJS, Typescript, React as the core of the frontend, with TailwindCSS and DaisyUI for styling and styled components. Using the CoingGecko API as the backend/database, using Axios to fetch the data of Solana Blockchain tokens. Running the app using CD/CI with Vercel linking to our Main branch on Github. Most of the wireframing and planning was done using Figma and Google Docs

Challenges we ran into

The biggest challenge we ran into was trying to find an API to use. It was a long journey finding one that had the Solana Tokens available, didn't have a strict rate-limit, and covered all our use-cases.

Thankfully the CoinGecko API fulfilled all those conditions, while allowing the data to be easy-to-read and simple to use!

Accomplishments that we're proud of

We were able to create a project by challenging ourselves and using new technology, tools, and frameworks to get more comfortable with them. Also, being able to work past a time zone difference of 9+ hours, and having very smooth line of communication the entire time. Having several productive meetings to wireframe and brainstorm the project, we felt like no time was wasted.

What we learned

We both got more practice with the technologies we'll be using for the rest of the fellowship. Mainly Typescript, NextJS, and TailwindCSS, feeling a boost to our confidence and skills as developers. Also, getting comfortable with different keywords/terms in the Web3 space (eg. Tokens, Serum).

What's next for Solana Tokens Exchange Calculator

Being quite simple for now, we'd like to make it have more features such as:

  • The ability to switch from Solana Blockchain tokens to the main coins of Crypto (e.g BTC, ETH, SOL)
  • Adding a search function for the input fields for the expanded database
  • Exchange rates for different staking/lending protocols
  • A Stats section to show more information for each token

Built With

Share this project:

Updates