API Project! Build a Crypto Dashboard
Vložit
- čas přidán 16. 07. 2024
- You need to sign up here to follow along: bit.ly/rapidapi-hub
In this video I show you how to make a Crypto Dashboard using two APIs. This project is great for those looking for fun projects to make with unique APIs.
00:00 Introduction
01:13 Exploring the API
02:21 Setting up our React App
07:54 let's get building!
53:35 .env files in React
54:23 Styling and final fixes
01:07:09 Where to go next - build a NodeJS backend ( • How to hide your API k... )
Final code available here: github.com/kubowania/crypto-d...
Part 2 for a NodeJS backend: • How to hide your API k...
___
⭐ Check out my IDE here and get 1 month free: jb.gg/get_webstorm
⭐ New to code and none of this is making sense? Watch my '12hr+ CZcams Coding Bootcamp' in which you will learn HTML, CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.
⭐ In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here (I get no commission from this link, but am in a partnership): bit.ly/tabnine-top-tool
⭐ You can get a blockchain domain with my affiliate link here: bit.ly/get-a-crypto-domain
⭐ If you would like to buy me a coffee, well thank you very much that is mega kind! : www.buymeacoffee.com/aniakubow
⭐ Sign up for weekly coding tips from my newsletter partnership: bit.ly/JS-tips
You can also find me on:
Twitter: / ania_kubow
Instagram: / aniakubow
#codingbootcamp #coding
Merci beaucoup pour cette vidéo, Ania !
I’m very excited to learn from the project. 😄
Ania you've helped me so much so far, thank you lots 🙏🏼
Awesome!! Thanks for making this!
That was beautiful, many congratulations from Venezuela, I have learned a lot from you. Many greetings
Excellent 👍 Especially the way you explain.
Lovely, thanks for creating this content !Appreciated! 👍💯😎🙏🏻
Thank you for watching 💚
I've been a web developer since 1994 but always mostly covering the server side of development, thought it was time I started looking at more client side content and your videos are really easy to follow, keep up the great work!
Thanks For Giving Us Such Great Knowledge That Just a few Short Years ago Would not Be Available This Easily, You Never Fail To Satisfy ~
I am nerding out on your channel!! You are also a huge inspiration for improving the content on my channel :)
Hi Ania excellent tutorial!
I would love to see realtime graph of some crypto :D
Queen is back with awesome project again . Keep up queen ..
You are so smart it’s making me smarter by watching 😄✌🏻💕
On my dashboard I want to also look at portfolio view and have a P/L statement also market cap/ haha I keep leaving more comments as the video goes on.
Hello Ania. Many thanks for this tutorial. Of course I left you a thumbs up and a subscription. For me as a newbie it was sometimes a little hard to follow. That is not because of you or your style of teaching, that was because I have no experience with React so far. I learned quite a bit of Javascript, CSS, and HTML. Nonetheless it was well worth the time. I'm concerned about security and I am eager to see how to protect the API keys better in the second part of this series. I finally have to figure out how to deactivate the API key I used for this tutorial in RapidAPI. Thanks again and see you in the second part.
@Ania Thanks for the Tutorial. What is the best to quickly jump into REACT. Which tutorial do you sugest?
mam you are so great and briefely explain thnxx for all best tutorial all the best for all upcoming projects i am very intersting in this video more more and more a lot of thnxx....!
Thank you so much!
Interesting project, will definitely see how to deploy a smart contract
I love your kitchen and monkey lamp!
Love your work, please do more Bitcoin development projects, especially on lightning payments, that would be great!
Thank you !
wonderful thank you
excellent tutorial I would love to see how use ChartJS .. :)
Amazing
Давненько наблюаю за Вами! Хорошая
GO Ania
Thank you!!
Hello Ania! I recently discovered you and am in love with your videos. Since you posted about crypto I would like to know if you can show how to create and deploy a simple NFT game, a tic tac toe for example. I would like to learn about it to create a token and a game.
The struggle with newfeed, newsfeeed and my favourite currencycurrency was the cutest stuff I seen all day 😂
haha - my tyop game is strong!
Very good video Ania as always. Sorry, I couldn't come to the premiere because I was at school :/. #SchoolSucks xD hahaha
NICE!!!
I was wondering how would you monetize an app like this? Do you need a backend to handle logins and a payment gateway? How about software licenses? Any idea would be helpful. Thanks
cool!
OMG! I have seen your videos all around, and I was like, nahh she is too beautiful to have a good content. I apologize. Your content is awesome. Subscribed and turned on notifications. Thank you for your amazing content.
ania thanks for tutorial awesome
i like your APIs
What should I do ania to improve my front end development skills
Ania as always great job, maybe do something with react redux ?
I'm Waiting
Thanks that is awesome tut , and repspect for Shaikh Khalifa behind you
I love your channel
Thanks so much Jazmin!!! 💚
Ok, to me, the big question is: how do make this React app SEO friendly?
Hi Ania!
I have a problem when I try to do the Crypto News Live API endpoint test, it returns a "404 not found" result ...
I don't know if it is a server problem or if I have done something wrong.
I've been studying web development oriented programming for 3 months, and I love it! Thank you very much for your video tutorials! the quality and warmth are noticeable!
A hug from Spain!
Hi, to fix this error ensure you have logged in to the rapid-api hub and selected the free plan.
wow i love u !!
damnn no cap!!! surely beauty with brain
I have a question, in this tutorial you are using an API to get your informations. But how do I do if I want to make my OWN API. Where do I get my informations since crypto is decentralised
Hi Ania, When i include api to code i got api connection error. How can i resolve this ?
WAITING FOR PART 2 NODE JS
Have you a Goland lessons?
I was halfway through this tut, API was responding and then suddenly the Alpha Vantage API was responding with a 530 server error. Hopefully it comes back online soon.
Hello Ania, are you using ubuntu?
hi Ania, I get an error everytime I try to use console.log, how do I fix this?
Are there free APIs for free live real time data feeds for stock trading analysis?
Ania have you heard of Helium mining?
sheikh Zayed 😍
I followed this channel Since few weeks. I see crypto topics which i'm really interested , is this Api service is for free?
You made this video near close to Bitcoin's ATH ;) ... at least as of 3/2022.
Trust
Firebase tutorial please........
Привет солнце))
“Great”
I really want to learn a little about API so I can link my E-commerce store and a print on demand company software together but I just don't get the lingo. 🤦🏿♂️🤦🏿♂️🤦🏿♂️
why doesnt it work anymore>?
Just make react bootcamp.. eagerly waiting for your response
Pretty cool but seems silly to use an API to build a simple crypto conversion. :)
Still don't believe this person am watching here is a lady in programming discipline. Thumbs up
#offtopic who is the arab guy's picture hang in background ?
Using table to structure forms is a bit outdated.
I hope this comes off as constructive: Who is the audience of this? So many times you assume and explicitly state that the watcher should know about what you're doing but you're building quite a simple app. You're in a place where both people who know what's happening aren't learning anything and people who don't know what's happening aren't learning anything
Yeah well
That's just, like, your opinion man
- The Dude
@@roharbaconmoo i think his right
You're clearly a coding noob man... I suggest you take a couple of basic courses before you are able to understand this amazing content. Good luck to you Derek
@@LaurentFrangie I feel like you suggesting that I watch videos other than this one to learn means you agree with what I'm saying. Again, my comment is not meant to be offensive.
Oh, Derek…
doesnt understand a shit but watching the whole stream because she is the most beautiful creature on the galaxy.
Keep up the crypto videos, thats where its at!
Bitcoin was at $61,313, the good ole days
I watched ur videos and subscribed for some time, but after seeing that portrait of that disgusting criminal human being in the back I am just out of here forever. Thanks for the content you have taught me so far.
how many people have completed this project from this video?
Shaikh zaeid ha
What is the Arab behind of you??
I'm sure it's not about the lesson , its about you , that's why men stay here 😄
Is that Sheikh in the back i didnt know that you sell your self for this people
she raised in the UAE and graduated from Dubai ....what's your problem bro ?
God damn you’re so fine
Women in tech are just 😘
You're beautiful
whats with the arab guy?
Why ur not make videos for beginners???? 😠😡
Check out my 12 hour coding bootcamp :) it’s for ultra beginners
@@username_123 how do you know he is called Ahmed? is it a Jedi mind trick?
you are the woman of my dreams. Are you single?