Hi guys, Welcome to the Advanced Video Search Engine, and you are watching React Website Tutorial: ⭐Build Feature Rich Crypto Screener App with Tailwind CSS. That video is uploaded by CodeBucks at 2022-10-19T05:13:53-07:00. We are promoting this video only for entertainment and educational purpose only. So, I hope you like & enjoy it. [JPlVb3t6kx8]
| Name | React Website Tutorial: ⭐Build Feature Rich Crypto Screener App with Tailwind CSS |
| Video Uploader | Video From CodeBucks |
| Upload Date | This Video Uploaded At 19-10-2022 12:13:53 |
| Video Discription | Tutorial😇 to build a fully functioning Crypto Screener App using React + Tailwind css + Context API + React Router Demo Link🖤: https://crypto-bucks.netlify.app/ Blog📖: https://devdreaming.com ✅ Get $500 off your CoinGecko API Annual Plan subscription with my referral code: CGCODEBUCKS ✅ Get your API key from here: http://coingecko.com/api Hi there 👋, In this video, We are going to create an amazing Crypto Screener application. This application shows list of cryptocurrencies and also on click on this coins you can see more details about them with a beautiful chart. Also you can save your favourite coins. This application has functionalities like concurrent search, pagination, sorting etc. For this project, we're going to use, ▶️ React JS (CRA) ▶️ Tailwind CSS for styling ▶️ React Context API ▶️ React Router ▶️ Recharts to add interactive charts ▶️ CoinGecko Cryptocurrency APIs ----------------------------------------------------------------------------------------------------------- Starter CODE: ➡ Link 💚: https://github.com/codebucks27/CryptoBucks-A-crypto-screener-application Final CODE: https://devdreaming.com/videos/build-crypto-screener-app-with-react-tailwind-css#code-links ----------------------------------------------------------------------------------------------------------- Don't forget to watch the whole video, we're going to learn a lot of stuff like, ▶️ How to use Tailwind css in a ReactJS applications ▶️ How to fetch APIs using fetch ▶️ How to create beautiful and interactive charts in React JS ▶️ How to ue Context API to store states globally ▶️ How to create pagination componen ▶️ How to add searching and sorting functionalities ▶️ Leverage the INTL API of the browser to use different currency formats Watch the full video to understand, so that you can easily build and customize your own website. Timestamp⌛: Channel Intro @00:00:00 Intro + Demo @00:00:10 Setup @00:08:30 React-Router Setup @00:18:22 Creating Layout Component @00:26:36 Logo Component @00:30:20 Navigation Component @00:35:10 Crypto Page @00:45:10 API Introduction @00:54:15 What is Context API? @00:57:35 Filter Component @01:26:26 Search & Sorting Component @01:29:30 Pagination Component @02:26:47 Crypto Details Component @03:13:46 Chart Component @04:16:42 Trending Page @05:04:03 Saved Page @05:27:00 𝗙𝗼𝗹𝗹𝗼𝘄 𝗺𝗲 𝗼𝗻 👇 𝘄𝗵𝗲𝗿𝗲 𝗜'𝗺 𝘀𝗵𝗮𝗿𝗶𝗻𝗴 𝗹𝗼𝘁'𝘀 𝗼𝗳 𝘂𝘀𝗲𝗳𝘂𝗹 𝗿𝗲𝘀𝗼𝘂𝗿𝗰𝗲𝘀! Twitter🐤 : https://twitter.com/code_bucks LinkedIn 🔗: https://www.linkedin.com/in/codebucks/ Instagram 📫: https://www.instagram.com/code.bucks Email 📧: codebucks27@gmail.com In upcoming videos, I'm going to create lots of cool stuff with JavaScript and React so make sure to subscribe. Like, Sub🥂 & Share! ♥ Learn More About, 🔥Build awesome 3D landing page for Apple iPhone using ReactJS + ThreeJS + GSAP https://youtu.be/cT160dOzpGY 🔥Build a Stunning Fashion Studio Website with React JS [ Locomotive Scroll + GSAP + Framer Motion ] https://youtu.be/Ra1Fsa9YJCk 🔥Create an NFT Collection Website Landing page with React JS [Mobile Responsive] https://youtu.be/edr2o59Twrs 🔥Build a Stunning Portfolio Website with React JS [ Framer-motion + Styled-components ] https://youtu.be/jcohAIaSy2M Build Devto Clone in React: https://youtube.com/playlist?list=PLjxZxD6BDkebDKxYH4El8P4Obb5VzcGlX Build Awesome stuff with ReactJs (Playlist) : https://youtube.com/playlist?list=PLjxZxD6BDkebOPXoqccGpiinfdY9zybXm React Advanced Topic (Playlist) : https://www.youtube.com/playlist?list=PLjxZxD6BDkeZoRU6v7gMyQ7BirGD6u0Lt If you have any suggestions regarding any topics in Web Development feel free to reach out or just comment below. Thank You for watching! 😉 Where else you can find me: Twitter🐤 : https://twitter.com/code_bucks LinkedIn 🔗: https://www.linkedin.com/in/codebucks/ Instagram 📫: https://www.instagram.com/code.bucks Email 📧: codebucks27@gmail.com Disclaimer: All videos are for educational purposes only. Please use them wisely. Some links in the description may be affiliate or referral links/code, which means I may earn a commission if you click on them and make a purchase. #CryptoScreenerWebsite #tailwindcss #reactjs JPlVb3t6kx8 |
| Category | Education |
| Tags | React Website Tutorial: Build Feature Rich Crypto Screener App with Tailwind CSS | React JS website tutorial | Build Feature Rich Crypto Screener App with Tailwind CSS | Build website with React JS and Tailwind Css | React + Tailwind website | tailwind css project | tailwind tutorial | react-router project | tailwind css website | react project | react projects | react projects for beginners | react modern website | build a website using react and tailwind | tailwind css | web3 | web3.0 |
