Build Crypto App With React, Chart jS & Coingecko API
We will create Crypto app with react, instead use CRA we will use vite to generate react-app, we also learn how to use react-router-dom, how to create chart in react with chart js, and styling the app with tailwindcss. hope you learn a lot of thing. enjoy...
👨💻Code:
https://github.com/candraKriswinarto/...
🔗Link:
Vite: https://vitejs.dev/guide/#scaffolding...
Tailwind CSS: https://tailwindcss.com/docs/guides/vite
CoinGecko API: https://www.coingecko.com/en/api/docu...
React-Chartjs-2: https://react-chartjs-2.js.org/exampl...
React-router-dom: https://reactrouter.com/docs/en/v6/ge...
HeroIcons: https://heroicons.com/
Moment: https://momentjs.com/
🌎Live:
https://crypto-update-one.vercel.app/
Timestamps:
0:00 - Intro
00:07 - Demo
02:18 - Setup create react app with Vite
04:14 - Install and Setup Tailwind CSS
06:19 - React router dom@6
10:03 - Header component
17:17 - Trending component
18:20 - useAxios
29:45 - Markets component
44:21 - Detail page
45:36 - CoinDetail component
53:26 - HistoryChart component
01:05:00 - Loading Skeleton
👋🏻Contact Me:
https://canddev.vercel.app/
🌎 Find Me Here:
Instagram : / candra_kriswinarto
GitHub: https://github.com/candraKriswinarto/
Linkedin: / candra-kriswinarto
#react #cryptoApp #enjoyCoding