Author

Topic: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool (Read 411 times)

hero member
Activity: 882
Merit: 563
Bitcoin to the moon!
Added a few more currencies in addition to USD. You can now see prices in these currencies:
USD
EUR
GBP
CAD

Currency selector is in the footer.

If there's any other feature suggestions, please feel free to suggest. Cheesy I'll look into working some more on polishing the app further next weekend.

Still in my to-do:
Additional price sources
Additional stats (if that doesn't clutter the page too much)
Some cosmetic fixes



Good to see you like all the ideas.

The price is the tab is great. That was the biggest missing feature.

Thanks for the suggestions Cheesy Let me know if you think of anything else.
sr. member
Activity: 770
Merit: 284
★Bitvest.io★ Play Plinko or Invest!
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.

Ah, yes. Sure why not Smiley I've changed title to show price first.


~

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.

yap that's right, check google chrome it called 'Tab Bar'
Usually, I let the tab/page stays open while using chrome, don't have to check the price and reload it every time because the price is always shown in the tab.

Yep, if OP add this feature and the possibility to change the currency I would start using this one instead of preev.

Maybe some more stats can be added to this project. The percentage of price change for the last 24h/7d/1month.


Ability to change currency is coming next. Will probably work on it next week or the week after.

More stats is also a possibility. % change in last 24h/7d/1month/1year should be easy to do. Will have to see what the best way would be to get historical price data.

Adding more price sources like Bitstamp and Gemini is also in plans.

Hopefully I can begin work on some of these in the next couple weeks.

Good to see you like all the ideas.

The price is the tab is great. That was the biggest missing feature.
hero member
Activity: 882
Merit: 563
Bitcoin to the moon!
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.

Ah, yes. Sure why not Smiley I've changed title to show price first.


~

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.

yap that's right, check google chrome it called 'Tab Bar'
Usually, I let the tab/page stays open while using chrome, don't have to check the price and reload it every time because the price is always shown in the tab.

Yep, if OP add this feature and the possibility to change the currency I would start using this one instead of preev.

Maybe some more stats can be added to this project. The percentage of price change for the last 24h/7d/1month.


Ability to change currency is coming next. Will probably work on it next week or the week after.

More stats is also a possibility. % change in last 24h/7d/1month/1year should be easy to do. Will have to see what the best way would be to get historical price data.

Adding more price sources like Bitstamp and Gemini is also in plans.

Hopefully I can begin work on some of these in the next couple weeks.
Vod
legendary
Activity: 3668
Merit: 3010
Licking my boob since 1970
I am not quite sure what you mean by tab bar. Could you show me some example?

Title of the page - put the value first.  Smiley
sr. member
Activity: 770
Merit: 284
★Bitvest.io★ Play Plinko or Invest!
~

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.

yap that's right, check google chrome it called 'Tab Bar'
Usually, I let the tab/page stays open while using chrome, don't have to check the price and reload it every time because the price is always shown in the tab.

Yep, if OP add this feature and the possibility to change the currency I would start using this one instead of preev.

Maybe some more stats can be added to this project. The percentage of price change for the last 24h/7d/1month.

hero member
Activity: 1036
Merit: 514
~

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.

yap that's right, check google chrome it called 'Tab Bar'
Usually, I let the tab/page stays open while using chrome, don't have to check the price and reload it every time because the price is always shown in the tab.
sr. member
Activity: 770
Merit: 284
★Bitvest.io★ Play Plinko or Invest!
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.
hero member
Activity: 882
Merit: 563
Bitcoin to the moon!
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?
hero member
Activity: 1036
Merit: 514
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.
hero member
Activity: 882
Merit: 563
Bitcoin to the moon!
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 Smiley

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.  Smiley

I would go with option 'c'. Cheesy 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.
sr. member
Activity: 1162
Merit: 450
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
full member
Activity: 455
Merit: 106
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.
Vod
legendary
Activity: 3668
Merit: 3010
Licking my boob since 1970
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 Smiley

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.  Smiley
hero member
Activity: 882
Merit: 563
Bitcoin to the moon!
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. Cheesy But yes I will keep experimenting with different color schemes and hopefully one of those will stick.
member
Activity: 108
Merit: 34
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 ..
hero member
Activity: 882
Merit: 563
Bitcoin to the moon!
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. Cheesy



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 Smiley



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 Cheesy 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.
Vod
legendary
Activity: 3668
Merit: 3010
Licking my boob since 1970


Would be nice to put space separators in after every 3 digits.  Easier to read larger numbers filled with 0s.
hero member
Activity: 1358
Merit: 851

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
legendary
Activity: 3668
Merit: 3010
Licking my boob since 1970

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
.
member
Activity: 109
Merit: 10
Student Coin
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.
staff
Activity: 3500
Merit: 6152
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?

sr. member
Activity: 854
Merit: 364
Enjoy 500% bonus + 70 FS
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.
hero member
Activity: 2660
Merit: 551
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.
legendary
Activity: 2968
Merit: 3406
Crypto Swap Exchange
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].
sr. member
Activity: 770
Merit: 284
★Bitvest.io★ Play Plinko or Invest!
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.
hero member
Activity: 882
Merit: 563
Bitcoin to the moon!
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.  Grin

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.
Jump to: