Follow for more #shorts #codinglife #systemdesign #tinder #engineering
Follow for more
#shorts #codinglife #systemdesign #tinder #engineering
DevHoot
active · last success 2026-06-18 22:42
-
-
In this short video, you will learn how to create the Picture in Pciture PIP feature in plain Javascript. We will use out-of-the-box native browser APIs to trigger the PIP feature. ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 🎁 Screen Recording Software: https://screen.studio/@Xenr1...
In this short video, you will learn how to create the Picture in Pciture PIP feature in plain Javascript. We will use out-of-the-box native browser APIs to trigger the PIP feature. ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 🎁 Screen Recording Software: https://screen.studio/@Xenr1 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Follow on GitHub: https://github.com/strongSoda Follow on Twitter: https://twitter.com/EhThing Follow on Medium: https://medium.com/@ikhan77727 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 👋 Hire Me: https://imran.wiki ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ -
We will build a Todo App with React Js to practice CRUD operations and build a beginner React project. For this tutorial we will use React , tailwind and lucide-react icons. By the end of this video you will have a todo app which stores data to localstorage and has some cool...
We will build a Todo App with React Js to practice CRUD operations and build a beginner React project. For this tutorial we will use React , tailwind and lucide-react icons. By the end of this video you will have a todo app which stores data to localstorage and has some cool animations. ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ✅ Link to the code: https://github.com/strongSoda/todo-app-react ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 🎁 Screen Recording Software: https://screen.studio/@Xenr1 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Follow on GitHub: https://github.com/strongSoda Follow on Twitter: https://twitter.com/EhThing Follow on Medium: https://medium.com/@ikhan77727 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 👋 Hire Me: https://imran.wiki ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ -
Hey everyone! Today I'm going to show you how to add those eye-catching star ratings to your website's Google search results using schema markup. These stars can significantly improve your click-through rates and make your site stand out in search results....
Hey everyone! Today I'm going to show you how to add those eye-catching star ratings to your website's Google search results using schema markup. These stars can significantly improve your click-through rates and make your site stand out in search results. ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ✅ Link to the code: https://jutsupoint.com/tutorial/how-to-show-star-rating-in-google-search-results/ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 🎁 Screen Recording Software: https://screen.studio/@Xenr1 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Follow on GitHub: https://github.com/strongSoda Follow on Twitter: https://twitter.com/EhThing Follow on Medium: https://medium.com/@ikhan77727 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 👋 Hire Me: https://imran.wiki ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ -
In this project, you will learn how to code the Angry Birds game in React & Tailwind CSS without using any external SDK or library. You should follow this tutorial to build and improve your coding logic and learn advanced coding patterns. You will learn how to: - code levels...
In this project, you will learn how to code the Angry Birds game in React & Tailwind CSS without using any external SDK or library. You should follow this tutorial to build and improve your coding logic and learn advanced coding patterns. You will learn how to: - code levels in a game - auto-generate higher levels for infinite games - code basic physics manually - easily update game visuals ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ✅ Link to the code: https://jutsupoint.com/how-to-code-angry-birds-game-in-react-js ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 🎁 Screen Recording Software: https://screen.studio/@Xenr1 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Follow on GitHub: https://github.com/strongSoda Follow on Twitter: https://twitter.com/EhThing Follow on Medium: https://medium.com/@ikhan77727 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 👋 Hire Me: https://imran.wiki ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ -
Learn coding by building an Aladdin game in plain React JS and Tailwind CSS. No external library. Practice your coding logic and master React fundamentals. By the end of this tutorial, you will have built an Infinite Aladdin 2D game where Aladdin flies on his carpet and...
Learn coding by building an Aladdin game in plain React JS and Tailwind CSS. No external library. Practice your coding logic and master React fundamentals. By the end of this tutorial, you will have built an Infinite Aladdin 2D game where Aladdin flies on his carpet and dodges weapons to save the Princess from Jafar. Create your portfolio page at https://worldclass.domains/ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ✅ Link to the code: https://github.com/strongSoda/aladdin-game-react-js ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 🎁 Screen Recording Software: https://screen.studio/@Xenr1 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Follow on GitHub: https://github.com/strongSoda Follow on Twitter: https://twitter.com/EhThing Follow on Medium: https://medium.com/@ikhan77727 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 👋 Hire Me: https://imran.wiki ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ -
Learn how to build a 2 player Chess Game in React with react-chessboard and chess.js. This is a hands-on coding tutorial. Follow along to learn better. By the end of this lesson, you will have a playable chess game. Create shorts & music videos with AI: https://aivideo.to/...
Learn how to build a 2 player Chess Game in React with react-chessboard and chess.js. This is a hands-on coding tutorial. Follow along to learn better. By the end of this lesson, you will have a playable chess game. Create shorts & music videos with AI: https://aivideo.to/ 30% OFF - AIMUSIC30 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ✅ Link to the code: https://github.com/strongSoda/chess-game-tutorial ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 🎁 Screen Recording Software: https://screen.studio/@Xenr1 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Follow on GitHub: https://github.com/strongSoda Follow on Twitter: https://twitter.com/EhThing Follow on Medium: https://medium.com/@ikhan77727 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 👋 Hire Me: https://imran.wiki ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ -
You will have: - 2 pomodoros (25 mins) - 1 break between (5 mins) ⏱ Timeline: 00:00 INTRO 01:04 Pomodoro #1 📝 26:37 Break 31:52 Pomodoro #2 📝 56:52 OUTRO Don’t forget to Like & Subscribe to my channel. [🎵BGM]: Thanks for the calm music by Christian BGM 크리스찬 BGM:...
You will have: - 2 pomodoros (25 mins) - 1 break between (5 mins) ⏱ Timeline: 00:00 INTRO 01:04 Pomodoro #1 📝 26:37 Break 31:52 Pomodoro #2 📝 56:52 OUTRO Don’t forget to Like & Subscribe to my channel. [🎵BGM]: Thanks for the calm music by Christian BGM 크리스찬 BGM: https://www.youtube.com/@Christian-BGM ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ✅ Link to the tutorial: https://youtu.be/zxZBgPOuh0g ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 📸 Run a Faceless YouTube channel with AI: https://aivideo.to/ 🎁 Screen Recording Software: https://screen.studio/@Xenr1 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Follow on GitHub: https://github.com/strongSoda Follow on Twitter: https://twitter.com/EhThing Follow on Medium: https://medium.com/@ikhan77727 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 👋 Hire Me: https://imran.wiki ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ -
We will code a Pokemon Puzzle Card game game where players tests their memories by trying to match Pokemon pairs. The goal of this game is to solve the puzzle in the minimum number of moves. We will also add winning and progress indicators. We will not use any library or API...
We will code a Pokemon Puzzle Card game game where players tests their memories by trying to match Pokemon pairs. The goal of this game is to solve the puzzle in the minimum number of moves. We will also add winning and progress indicators. We will not use any library or API but code this game locally in plain React to practice our coding logic. Code along or watch as I code, if you want to improve your coding approach and understand advanced concepts in simple terms. AI Video 30% OFF Coupon: KNOWLEDGE30 Redeem at: https://aivideo.to/ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ✅ Link to the code: https://github.com/strongSoda/pokemon-puzzle ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 📸 Run a Faceless YouTube channel with AI: https://aivideo.to/ 🎁 Screen Recording Software: https://screen.studio/@Xenr1 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Follow on GitHub: https://github.com/strongSoda Follow on Twitter: https://twitter.com/EhThing Follow on Medium: https://medium.com/@ikhan77727 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 👋 Hire Me: https://imran.wiki ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ -
We will build a Pokemon Showdown-like game where players battle their Pokemon with moves in turns. We will not use any library or API but code this game locally in plain React to practice our coding logic. Watch until the end if you want to improve your coding approach and...
We will build a Pokemon Showdown-like game where players battle their Pokemon with moves in turns. We will not use any library or API but code this game locally in plain React to practice our coding logic. Watch until the end if you want to improve your coding approach and understand advanced concepts in simple terms. ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ✅ Link to the code: https://github.com/strongSoda/pokemon-battle-game-jutsupoint-tutorial ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 📸 Run a Faceless YouTube channel with AI: https://aivideo.to/ 🎁 Screen Recording Software: https://screen.studio/@Xenr1 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Follow on GitHub: https://github.com/strongSoda Follow on Twitter: https://twitter.com/EhThing Follow on Medium: https://medium.com/@ikhan77727 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 👋 Hire Me: https://imran.wiki ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ -
Hi Friends, today I bring you a complete tutorial to learn React for absolute beginners. I explain all React concepts in detail and with examples. I talk about several approaches to doing React. I present a list of concepts you need to know to use React and then teach each...
Hi Friends, today I bring you a complete tutorial to learn React for absolute beginners. I explain all React concepts in detail and with examples. I talk about several approaches to doing React. I present a list of concepts you need to know to use React and then teach each one. At the end I advice the next steps to take your beginner React project to the next level. So watch the complete video and follow along in your own code editor. 📸 Run a Faceless YouTube channel with AI: https://aivideo.to/ 🎁 Screen Recording Software: https://screen.studio/@Xenr1 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Chapters 00:01 Intro 01:54 Create React App 02:32 Start server 02:55 What is a Component? 03:35 Make Custom UI 04:38 Styling React App 06:55 Add state to component 08:41 Display state 09:26 Update state 10:32 Homework 11:21 Create New Component 12:06 Parent Child Component 12:40 Components Folder 14:32 Passing Props 16:51 Fetch API 19:81 useEffect hook 20:40 Save API data in state 21:31 Display API data 23:12 Images in React 24:04 Conditional Rendering 25:23 Show Loading UI 27:49 Exception Handling 28:17 finally block 29:30 className in React 31:22 Events in React 31:46 Controlled Inputs 33:00 Next Steps 🚀 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Follow on GitHub: https://github.com/strongSoda Follow on Twitter: https://twitter.com/EhThing Follow on Medium: https://medium.com/@ikhan77727 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 👋 Hire Me: https://imran.wiki ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ -
A recurring question I hear from people learning React: “How do I know if I’m ready to apply to junior React developer jobs?”. Very often, they’re ready before they know it. ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 📸 Run a Faceless YouTube channel with AI: https://aivideo.to/ 🎁 Screen...
A recurring question I hear from people learning React: “How do I know if I’m ready to apply to junior React developer jobs?”. Very often, they’re ready before they know it. ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 📸 Run a Faceless YouTube channel with AI: https://aivideo.to/ 🎁 Screen Recording Software: https://screen.studio/@Xenr1 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Follow on GitHub: https://github.com/strongSoda Follow on Twitter: https://twitter.com/EhThing Follow on Medium: https://medium.com/@ikhan77727 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 👋 Hire Me: https://imran.wiki ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ -
In this tutorial, you will learn how you can level up and advance in your career from a junior developer to a Senior React Developer by mastering 8 advanced Design Patterns in React. I will explain each design pattern as well as show code examples on how to implement them in...
In this tutorial, you will learn how you can level up and advance in your career from a junior developer to a Senior React Developer by mastering 8 advanced Design Patterns in React. I will explain each design pattern as well as show code examples on how to implement them in a React codebase. ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 📸 Run a Faceless YouTube channel with AI: https://aivideo.to/ 🎁 Screen Recording Software: https://screen.studio/@Xenr1 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Follow on GitHub: https://github.com/strongSoda Follow on Twitter: https://twitter.com/EhThing Follow on Medium: https://medium.com/@ikhan77727 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 👋 Hire Me: https://imran.wiki ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ -
Subscribe: https://www.youtube.com/@UCV-F9TgeC_bSEdHH9qDfqXw ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 🎁 Screen Recording Software: https://screen.studio/@Xenr1 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Follow on GitHub: https://github.com/strongSoda Follow on Twitter: https://twitter.com/EhThing...
Subscribe: https://www.youtube.com/@UCV-F9TgeC_bSEdHH9qDfqXw ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 🎁 Screen Recording Software: https://screen.studio/@Xenr1 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Follow on GitHub: https://github.com/strongSoda Follow on Twitter: https://twitter.com/EhThing Follow on Medium: https://medium.com/@ikhan77727 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 👋 Hire Me: https://imran.wiki ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ -
No full content extracted yet.
Extracting… - End of feed
