React Important Tutorials Links

• Naveed Sarwar Playlist ReactJS

  https://www.youtube.com/playlist?list=PLOfLYVXrwqXoCWolppnmdtuOB3RzzdWZY

• Thapa Technical Playlist React

  https://www.youtube.com/playlist?list=PLwGdqUZWnOp3aROg4wypcRhZqJG3ajZWJ

• Chai aur React

  https://www.youtube.com/playlist?list=PLu71SKxNbfoDqgPchmvIsL4hTnJIrtige

• Sir Inzamam React Video

  Hello World - React https://youtu.be/396FwjgmD2c?si=WTpKOoQe1AHaR2Dt

  Adding Styles and adding Images https://youtu.be/gJRMcqTEyow?si=A0BScVjVIpWUlHDD

  Deploy React Website on firebase https://youtu.be/1xmm9vaRUuk?si=r4xbH-UCXgsBzB1n

  Question and Answer Session related to React https://youtu.be/QaXXrntkU4g?si=uJcc5T5WWSLRhBB9

  Building Dynamic and Reusable Components https://youtu.be/NCOzQLKKU-M?si=eT0tl191NxoWS9G3

  Building Stateful Component https://youtu.be/gb1jtbJaL2k?si=FsHSrwvmNfGrtLmz

  React Api Integeration - Building Weather App https://youtu.be/1VQdwNr76l8?si=eqfrMw2dteq-gTeU

  React UseEffect - Call Api on page load https://youtu.be/bgJ16WXkxRg?si=vFG9Ua37AIL7b9Qw

  Hosting React App on your own server https://youtu.be/9-O9Rv9EYh8?si=BdR4mLpc6xQkNkDf

• Sir Ghous Videos

  Class 1 - ReactJS intro https://www.youtube.com/watch?v=b-yFkvRijQA

  Class 2 - Folder Structure and Hello World https://www.youtube.com/watch?v=UH4ZyumFMAA

  Class 3 - Component Creation , Image Handling, Function Call, List creation, Conditional Rendering, UseState Hook, UI CSS Libraries https://www.youtube.com/watch?v=KffyXuAkkwo

  Class 4 - import export , Props Passing, Parent to Child props passing, child to parents prop passing, Components in detail, https://www.youtube.com/watch?v=5IF8Ov3RDMA

  Class 5 - Bootstrap in React, AntDesign in React, adding data to firebase, useState hook, Create Todo List https://www.youtube.com/watch?v=B1fKW2Y--T0

  Class 6 - React Lifecycle Hooks https://www.youtube.com/watch?v=5kam1rmCQgk

  Class 7 - UseMemo, UseCallBack, UseRef https://www.youtube.com/watch?v=cYkVllLXOGg&t=851s

  Class 8 - Indepth with React https://www.youtube.com/watch?v=rhvt07tC_DE

  Class 9 - UseCallBack, UseMemo https://www.youtube.com/watch?v=-NCSi2cWgpw

  Class 10 - React Router DOM https://www.youtube.com/watch?v=luAVkWiI8l8

  Class 11 - UseEffect - Context API https://www.youtube.com/watch?v=qI5pbPCB7cQ&t=475s

  Class 12 - Ecommerce Project Creation 1 https://www.youtube.com/watch?v=-TzzChhyGH0

  Class 13 - Ecommerce Project Creation 2 https://www.youtube.com/watch?v=IK78QkpXZHw&t=1113s

  Class 14 - Ecommerce Project Creation 3 https://www.youtube.com/watch?v=WTabPh4uBdU

  Class 15 - Nodejs Intro https://www.youtube.com/watch?v=0IF6tTyYpiI

  Class 16 Nodejs class 2 https://www.youtube.com/watch?v=hUU7Fl7PG-g&t=1043s

  Class 17 - Nodejs class 3 https://www.youtube.com/live/DASW0vOFsVI?si=5zCAF6XpuzHfvqRB

  Class 18 - Nodejs class 4 https://www.youtube.com/live/PYvjK6FpYV4?si=vDBeoDPk7Exk8lDJ

  Class 19 - Nodejs class 5 https://www.youtube.com/live/Dz7F_MjSgDM?si=iVn0ZakfoB6qSdAs

Assignments to be done

• Assignment # 1
  Advice Generator
  Create a basic React Project, and Call and Advice Generating Api, which shows advices on a beautiful UI
  Api —> https://api.adviceslip.com/advice

• Assignment # 2
  Food Menu UI Project
  It’s your choice whether to call and api, or to have any specific static data in your application, but just show food items in React UI (try to create UI same as it is)

  

• Assignment # 3
  Step Creator Application
  Clicking on next will move to next step
  Clicking on previous will move to previous step

  

  

• Assignment # 4
  Step Counter with Date Changing Feature

  

  

  

• Assignment # 5
  Step Counter with Date Changing Feature and additional Range Selector

  

• Assignment # 6
  Far Away Todo Application

  

  

  

  

  

  

  

  

• Assignment # 7
  Flash Cards

  

  

• Assignment # 8
  Weather Application (taught by Sir Inzamam)
  React Api Integeration - Building Weather App https://youtu.be/1VQdwNr76l8?si=eqfrMw2dteq-gTeU

  try to implement with this Iphone kind UI

  

• Assignment # 09
  Eat n Split

  

  

  

  

  

  

  

• Assignment # 10
  Tesla Clone by Clever Programmer
  https://youtu.be/0mVbNp1ol_w?si=SOYZR-xBgIVtkCFY

• Assignment # 11
  Disney Clone by Clever Programmer
  https://youtu.be/0mVbNp1ol_w?si=SOYZR-xBgIVtkCFY

• Assignment # 12
  Integrate HiringMine Jobs, Categories and Filterations Api and create Home page and Job Page
  https://www.hiringmine.com/

• Assignment # 13
  Use PopCorn
  A movie platform website
  Api’s can be used from this website