BitcoinPrice.is - Real-time BTC <-> USD price conversion tool

[Evilish]

Hi all,

I wanted to experiment with this new UI library I've been playing with lately and thought why not create a new BTC price conversion tool.

https://bitcoinprice.is/

It's a pretty lightweight app. Fetches price data from Coinbase API and converts BTC to USD prices and vice versa. Page also shows some additional details like market cap, volume, and BTC supply in addition to price.

I've also added a "night mode" because I like dark modes better. Just click "night mode" in footer and it should change to the dark mode. You can toggle back and forth.

On the technical side, it's created using React + NextJS + Chakra UI, hosted on Vercel. If you notice any performance issues, it's not me, it's Vercel I promise.  

Feel free to use it. And let me know if you have any feedbacks or suggestions. I will keep the site up and running and will keep adding new features as time permits.

Thanks for reading, I am looking forward to hearing what you all have to say. Open to any feedbacks, negative or positive.

Edit: Just wanted to add that I had been having some issues with the registrar in regards to nameservers today, it seems to be fixed now, but if the website doesn't load for you I apologize. Give it a couple hours and it should load.

[dre1982]

This looks nice. Normally I use preev.com to check the current price and for conversions.

It would be nice if you add any other currencies but maybe only euro to start.

[SFR10]

I've also added a "night mode" because I like dark modes better. Just click "night mode" in footer and it should change to the dark mode. You can toggle back and forth.

IMO, that's the only part that needs some improvements ^{[everything else is perfect]}...

• You might want to reconsider both the background color and font color combination for your night mode:
  
  • _{It might be better to go with a grayish background while keeping the same color combination used for fonts on your day/light mode ^{[not a fan of the blue/pink combination]}.}

[btc_angela]

I like the night mode, but as @SFR10 probably need to do better colour combinations.

Same comment, I know that this is just your pet project and it's just a start but wanted to see more of other fiat currencies conversions. I can't remember when, but preev went down, or I have problems accessing them, so your website will be a good option.

[GbitG]

I like the night mode, but as @SFR10 probably need to do better colour combinations.

Same comment, I know that this is just your pet project and it's just a start but wanted to see more of other fiat currencies conversions. I can't remember when, but preev went down, or I have problems accessing them, so your website will be a good option.

Yea its very good alternative for preev.com and we can hope OP will bring some more currencies because this will give some more good anc convenient option to many members those want to exchange other then USD.

[OmegaStarScream]

Well done, it looks very nice. Here are some changes I'd like to suggest:

- Support more fiat currencies (fixer.io should make this easily achievable) and smaller BTC denominations.
- UX: Avoid resizing the text inputs when focused/clicked. Either leave them as they were, or make them bigger by default.
- Get the price from multiple (credible) sources but don't use CMC. Maybe a combination of P2P/DEX platforms and CEXes?

[Travel Standard]

Thats a great work. Really appreciated.
There Should need some new feature be also added and  if Btc/Eth added thats will be better.
night mode working good. Its totally working for me.

[Vod]

https://bitcoinprice.is/

Why not https://thebitcoinprice.is ?   I would think that domain (still available) would get generic SEO just from people typing the words

Code:

what is the bitcoin price

.

[RapTarX]

Is this referring to mBTC? I have no idea how 100 sats is denoted by but if it's referring 1 mBTC, it should be 0.001 BTC & the first one is referred as uBIT which should be mBTC I guess. Nevertheless, it looks smooth and I liked the dark version.

[Vod]

Would be nice to put space separators in after every 3 digits.  Easier to read larger numbers filled with 0s.

[Evilish]

This looks nice. Normally I use preev.com to check the current price and for conversions.

It would be nice if you add any other currencies but maybe only euro to start.

Sure, why not. I'll work on adding more currencies.

I've also added a "night mode" because I like dark modes better. Just click "night mode" in footer and it should change to the dark mode. You can toggle back and forth.

IMO, that's the only part that needs some improvements ^{[everything else is perfect]}...

• You might want to reconsider both the background color and font color combination for your night mode:
  
  • _{It might be better to go with a grayish background while keeping the same color combination used for fonts on your day/light mode ^{[not a fan of the blue/pink combination]}.}

Thanks for the suggestion! Did some adjustments to the color combination, dark mode looks a bit better on the eyes now. I am currently taking the easy way out to generate dark mode, using CSS "mix-blend-mode" property. Might do a full dark mode CSS and not rely on the blend mode, but currently I think I'm gonna keep it like that.

I like the night mode, but as @SFR10 probably need to do better colour combinations.

Same comment, I know that this is just your pet project and it's just a start but wanted to see more of other fiat currencies conversions. I can't remember when, but preev went down, or I have problems accessing them, so your website will be a good option.

Yea its very good alternative for preev.com and we can hope OP will bring some more currencies because this will give some more good anc convenient option to many members those want to exchange other then USD.

Will definitely add option to choose currency. Thanks for the suggestion.

Well done, it looks very nice. Here are some changes I'd like to suggest:

- Support more fiat currencies (fixer.io should make this easily achievable) and smaller BTC denominations.
- UX: Avoid resizing the text inputs when focused/clicked. Either leave them as they were, or make them bigger by default.
- Get the price from multiple (credible) sources but don't use CMC. Maybe a combination of P2P/DEX platforms and CEXes?

Spot on. I didn't know about fixer.io. That will make my job a lot easier. Thanks for sharing. And good point about the text input, although that seems to be a limitation with Chakra UI's Editable component. I will play with some CSS and see if I can fix that. I am currently using Coinbase for price but planning to add some other reliable exchanges like Kraken and Gemini as well. Won't be relying on CMC, always good to get data from the source itself.

https://bitcoinprice.is/

Why not https://thebitcoinprice.is ?   I would think that domain (still available) would get generic SEO just from people typing the words

Code:

what is the bitcoin price

.

I didn't think of that. Now that I think of it, that might actually be better for SEO. Just snagged up the domain and will point that domain to the app too. More traffic is always welcome

Is this referring to mBTC? I have no idea how 100 sats is denoted by but if it's referring 1 mBTC, it should be 0.001 BTC & the first one is referred as uBIT which should be mBTC I guess. Nevertheless, it looks smooth and I liked the dark version.

Probably messed it up when I was working late at night I'll take a look again and fix that with my next push.

Would be nice to put space separators in after every 3 digits.  Easier to read larger numbers filled with 0s.

Agreed, that would be easier to read. Let me look into putting the space separators.

[Thanos01]

Good job right there bro , i have a small suggestion as there is a similar site called preev.com
why you dont try to add a live server feature to your site ? i think a price live server will be better for us to track the price without the need to refresh the page every time .

also try to play with the style there , change some color so the theme will be better and more clear & friendly than now , but anyone is a good idea and i hope you will keep updating it ..

[Evilish]

why you dont try to add a live server feature to your site ? i think a price live server will be better for us to track the price without the need to refresh the page every time .

Hmm, you mean real-time price update? I am already doing that. The app polls Coinbase API every couple seconds and when there's an update in price it should automatically reflect on the page. You don't need to refresh to see live prices.

also try to play with the style there , change some color so the theme will be better and more clear & friendly than now , but anyone is a good idea and i hope you will keep updating it ..

That's the hard part. But yes I will keep experimenting with different color schemes and hopefully one of those will stick.

[Vod]

I didn't think of that. Now that I think of it, that might actually be better for SEO. Just snagged up the domain and will point that domain to the app too. More traffic is always welcome

OK!   I have a legal statement that your success is due to my information.  Do you want to:

a) pay me in advance for your profits, so I can get more $$ for my club?
b) pay me after you make profits, so I can get more bitcoin for my club?
c) go on Judge Judy for free advertising for my club?

You get to choose, but keep in mind Judge Judy is on her last season, so it needs to be done swiftly.  

[Buttercup123]

This is lovely, It is simple but great and promising. The UI is so smooth and fluid, i really like the color scheme used in this site. The conversion is on point. Wow, this is great. Thank you for sharing this wonderful creation. I hope you add more interesting features here.

[Insanerman]

Hmm, you mean real-time price update? I am already doing that. The app polls Coinbase API every couple seconds and when there's an update in price it should automatically reflect on the page. You don't need to refresh to see live prices.

I think you should rather use Coingecko's API^[1]. It is free and open-source (with no data-limiter or any token required!). Also, it's price is based on the average price from various exchangers compared to Coinbase's API which is primarily based on their rates (i guess). Also, it supports dozens of currencies and even those local ones, so it would be easier to query on their API (a little fetch calls with the user's input on what currency they like). I've use it recently for a simple project like this and it was easy to iterate.

I'd also like to suggest some minor UI changes especially with the user input, it is somehow off when the box grow bigger upon being active, maybe try having it with a fixed width. The input digits must also be limited to number only (you can restrict input in React's front-end codes AFAIK). And the digits must only be limited to 8 to 12 as it would be enough (no one types their whole digit holdings to convert apparently).


[1] - https://www.coingecko.com/en/api#explore-api

[Evilish]

I didn't think of that. Now that I think of it, that might actually be better for SEO. Just snagged up the domain and will point that domain to the app too. More traffic is always welcome

OK!   I have a legal statement that your success is due to my information.  Do you want to:

a) pay me in advance for your profits, so I can get more $$ for my club?
b) pay me after you make profits, so I can get more bitcoin for my club?
c) go on Judge Judy for free advertising for my club?

You get to choose, but keep in mind Judge Judy is on her last season, so it needs to be done swiftly.  

I would go with option 'c'. Hey that would be free advertising for my site too. Win win for both of us.

Hmm, you mean real-time price update? I am already doing that. The app polls Coinbase API every couple seconds and when there's an update in price it should automatically reflect on the page. You don't need to refresh to see live prices.

I think you should rather use Coingecko's API^[1]. It is free and open-source (with no data-limiter or any token required!). Also, it's price is based on the average price from various exchangers compared to Coinbase's API which is primarily based on their rates (i guess). Also, it supports dozens of currencies and even those local ones, so it would be easier to query on their API (a little fetch calls with the user's input on what currency they like). I've use it recently for a simple project like this and it was easy to iterate.

I'd also like to suggest some minor UI changes especially with the user input, it is somehow off when the box grow bigger upon being active, maybe try having it with a fixed width. The input digits must also be limited to number only (you can restrict input in React's front-end codes AFAIK). And the digits must only be limited to 8 to 12 as it would be enough (no one types their whole digit holdings to convert apparently).


[1] - https://www.coingecko.com/en/api#explore-api

Not very familiar with Coingecko API's but will take a look. Thanks for your suggestions.

[error08]

This looks nice. Normally I use preev.com to check the current price and for conversions.

It would be nice if you add any other currencies but maybe only euro to start.

Mostly I also visit preev every day because it is the most popular one for years.
Since I use chrome, one feature that I like from preev that hope you could implement on https://bitcoinprice.is/ is the price shown in the Tab-bar, as simple as that but really convenient to stay up to date even without having to click the tab to check the price. I prefer your site over preev though because it shows more than just the price.

[Evilish]

This looks nice. Normally I use preev.com to check the current price and for conversions.

It would be nice if you add any other currencies but maybe only euro to start.

Mostly I also visit preev every day because it is the most popular one for years.
Since I use chrome, one feature that I like from preev that hope you could implement on https://bitcoinprice.is/ is the price shown in the Tab-bar, as simple as that but really convenient to stay up to date even without having to click the tab to check the price. I prefer your site over preev though because it shows more than just the price.

I am not quite sure what you mean by tab bar. Could you show me some example?

[dre1982]

This looks nice. Normally I use preev.com to check the current price and for conversions.

It would be nice if you add any other currencies but maybe only euro to start.

Mostly I also visit preev every day because it is the most popular one for years.
Since I use chrome, one feature that I like from preev that hope you could implement on https://bitcoinprice.is/ is the price shown in the Tab-bar, as simple as that but really convenient to stay up to date even without having to click the tab to check the price. I prefer your site over preev though because it shows more than just the price.

I am not quite sure what you mean by tab bar. Could you show me some example?

He probably means the tab in Chrome.



That's a great feature also. No matter which tab you are using, you always see the latest price.