Скачать или смотреть React JS Project Tutorial ( Weather App ) - Tanstack Query, Shadcn, Recharts, Tailwind, Typescript

Link to Buy affordable Hosting from Hostinger: https://www.hostg.xyz/SHF5k
Use coupon code "ROADSIDECODER" and get an additional 10% discount.
➡️ My Frontend Interview Course - https://roadsidecoder.com/course-details (50% Discount)

Build a Weather App in React JS with Tailwind CSS, Tanstack Query, Tyoescript, Recharts, Openweather API and Shadcn UI Tutorial. This is an amazing project for your resume which will impress recruiters a lot and showcase your skillset.

🔗 React JS Interview Series -
   • Frontend Machine Coding Interview Questions  

➡️ Source Code - https://github.com/piyush-eon/tanstac...
➡️ Book a mentorship call with me - https://topmate.io/roadsidecoder
➡️ Learn to code with Scrimba - https://v2.scrimba.com/?via=roadsidec...

👤 Join the RoadsideCoder Community Discord -
  / discord  

🔗 React Query Tutorial -
   • React Query - Full Tutorial 🔥🔥  

🔗 Full Stack React Projects -
   • Full Stack React Projects  

🔗 MERN Stack Chat App Tutorial -
   • MERN Stack Chat App with Socket.IO Tutorial  

🔗 Complete Data Structures and Algorithms with JS Course -
   • Data Structures and Algorithms in Javascri...  

🔗 JS Interview Series -
   • Javascript Interview Questions ( Var, Let ...  

🔗 Cars24 Interview Experience -
   • Frontend Interview Experience (Cars24) - J...  

🔗 Unacademy Interview Experience -
   • Frontend Interview Experience (Unacademy) ...  

🔗 Tazorpay Interview Experience -
   • Frontend Interview Experience (TazorPay) -...  

🔗 React Beginner's Project Tutorials -
   • React JS Project Tutorials 🔥🔥  

#reactjstutorial #frontend #ReactJS
-------------------------------------------------------------------------

00:00:00 Intro
00:00:47 Setup React + Shadcn UI
00:06:42 App Routes and Layout
00:14:49 Hostinger Account Setup
00:17:46 Header Component
00:20:47 Dark / Light Mode Toggle
00:23:38 Setup React Query
00:26:30 API Configuration
00:30:40 API Endpoints
00:42:35 Fetching Current Location
00:56:10 Creating Queries for weather API
01:08:14 Current Weather
01:19:36 Houly Temprature Chart
01:30:16 Weather Details
01:36:43 5 Day Forecast
01:45:52 Search City Popup
01:57:43 Search History
02:12:40 City Page
02:16:55 Add to Favorite
02:28:17 Render Favorites on Dashboard
02:37:47 Deployment

-------------------------------------------------------------------------

⭐ Support the channel -
   / @roadsidecoder  

Special Thanks to our members -