Bitcoin Forum

Bitcoin => Project Development => Topic started by: Evilish on January 02, 2021, 07:49:30 AM



Title: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: Evilish on January 02, 2021, 07:49:30 AM
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.  ;D

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.


Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: dre1982 on January 02, 2021, 08:12:28 AM
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.


Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: SFR10 on January 02, 2021, 08:57:32 AM
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].


Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: btc_angela on January 02, 2021, 09:29:51 AM
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.


Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: GbitG on January 02, 2021, 04:06:16 PM
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.


Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: OmegaStarScream on January 02, 2021, 04:06:36 PM
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?



Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: Travel Standard on January 02, 2021, 04:15:49 PM
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.


Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: Vod on January 02, 2021, 07:06:19 PM
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
.


Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: RapTarX on January 02, 2021, 07:32:53 PM
https://i.ibb.co/YTKjYHP/Capture.png
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.


Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: Vod on January 02, 2021, 08:19:29 PM

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


Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: Evilish on January 02, 2021, 08:39:34 PM
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. :D


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 :)


https://i.ibb.co/YTKjYHP/Capture.png
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 :D 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.


Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: Thanos01 on January 02, 2021, 09:34:31 PM
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 ..


Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: Evilish on January 02, 2021, 09:43:09 PM
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. :D But yes I will keep experimenting with different color schemes and hopefully one of those will stick.


Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: Vod on January 04, 2021, 02:17:12 AM
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.  :)


Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: Buttercup123 on January 04, 2021, 10:07:41 AM
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.


Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: Insanerman on January 04, 2021, 01:40:20 PM
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


Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: Evilish on January 04, 2021, 03:57:57 PM
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'. :D 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.


Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: error08 on January 04, 2021, 11:29:33 PM
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.


Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: Evilish on January 05, 2021, 07:01:55 AM
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?


Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: dre1982 on January 05, 2021, 07:24:30 AM
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.

https://i.imgur.com/CMTLhEf.png

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


Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: error08 on January 05, 2021, 02:10:32 PM
~

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

He probably means the tab in Chrome.

https://i.imgur.com/CMTLhEf.png

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.


Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: dre1982 on January 05, 2021, 02:43:32 PM
~

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

He probably means the tab in Chrome.

https://i.imgur.com/CMTLhEf.png

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.



Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: Vod on January 05, 2021, 11:33:59 PM
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.  :)


Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: Evilish on January 09, 2021, 08:27:33 PM
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.

https://i.imgur.com/CMTLhEf.png

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

Ah, yes. Sure why not :) 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.

https://i.imgur.com/CMTLhEf.png

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.


Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: dre1982 on January 11, 2021, 07:32:20 PM
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.

https://i.imgur.com/CMTLhEf.png

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

Ah, yes. Sure why not :) 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.

https://i.imgur.com/CMTLhEf.png

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.


Title: Re: BitcoinPrice.is - Real-time BTC <-> USD price conversion tool
Post by: Evilish on January 16, 2021, 09:52:47 PM
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. :D 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 :D Let me know if you think of anything else.