Create News App Using React JS And Bootstrap | Learn Bootstrap In React JS Tutorial

[@kallapallisai9959]

This is the small request make videos tutorials on figma design your teaching skills are awesome.

[@mujibulhaquetanim]

Wonderful, this is how a tutorial should be-direct, to the point, and without spending time on Bs.

[@FascinatingHistoryFact]

Honestly bro!

[@ishaqabdullahi7555]

Short and to the point but very informative. Great video!

[@cricket_streaming1]

after long time, i found this tutorial. Very helpful. Please make more of these❤❤

[@saltytunafacts1906]

I just found this video and this channel is GOLD

[@GreatStackDev]

I'm so glad! Thank you so much. 😊 Keep coding.

[@JiggyDila]

You're doing a great job sir, God bless you immensely for teaching us how to do things more easily than other videos.

[@GreatStackDev]

I'm so glad you liked this project. Thank you and keep learning. 😊

[@Overall_Curve]

Those who are using the slice method on title and description. If you are getting an error, try ternary operator on both title and description. The reason why we are getting error is because when we fetch the value of title or description from NEWSAPI, sometimes the value is null stored on the NewsAPI, which crashes the whole program. Try this. {title ?title.slice(0, 40) : "Breaking news"} {description ? description.slice(0, 90) : "Updates: What is going on today, Check out here."}

[@michaeledehh]

Something for the weekend ❤

[@mahmoodakram5540]

Thanks. For sharing knowledge.. 🎉

[@emmanueleche3455]

This tutorial really helped me thanks alot👍

[@technicalresi5451]

This video is me help one of the most good video for KZbin 😊❤

[@easycodingwithbg4731]

Very Informative Sir 💓

[@motivation2change754]

what about react admin dashboard for e-commerce react app as you have mentioned there

[@DipakShende-oe9pn]

its an very amezing video.

[@noviantoekobudiman7633]

Thank you so much for the tutorial!

[@shihansanaka3879]

I think it is better to use vite for the other projects too...❤

[@balajipamu]

Broo I need a source code it will very helpful, while executing ur same code getting some issues!!

[@hemanthkt2887]

completed within 1 hour..tysm

[@Moni29_8]

R u run this project successfully??

[@Elgnonvis]

thanks react admin dashboard with Bootstrap will be great tuto

[@ZeeshanElia]

React vite with simple bootstrap of your video is super

[@SelsebilBenelhaj]

Just awesome 🤩🤩

[@GreatStackDev]

Thanks 🤗 Keep coding.

[@oqant0424]

Thank u so much very helpful

[@mahakalgamer7520]

Thank you so much 🙏

[@websitedesigndevdeploy]

Cool. Thanks for the tutorial.

[@aroundtheworld5040]

keep it up⬆🎖

[@bhumikabansal6022]

Compiled with problems: × ERROR in ./node_modules/body-parser/lib/read.js 19:11-26 Module not found: Error: Can't resolve 'zlib' in 'C:\Users\bhumi\OneDrive\Desktop\NewsApp ews ode_modules\body-parser\lib' BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it. If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { "zlib": require.resolve("browserify-zlib") }' - install 'browserify-zlib' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { "zlib": false } ERROR in ./node_modules/body-parser/lib/types/urlencoded.js 201:12-34 Module not found: Error: Can't resolve 'querystring' in 'C:\Users\bhumi\OneDrive\Desktop\NewsApp ews ode_modules\body-parser\lib\types' BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it. If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { "querystring": require.resolve("querystring-es3") }' - install 'querystring-es3' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { "querystring": false } ERROR in ./node_modules/content-disposition/index.js 21:15-39 i am getting this error

[@amirtorghon2464]

Amazing tutorial

[@shihansanaka3879]

Cooool bro...❤

[@IllIIIIIIllll]

Thank you sir 🙏.

[@poojanoothi3748]

thank you so much

[@rutvapatel3251]

Thank you so much!

[@aogunnaike]

I got the notification and it disappeared on my notifications list 😢 had to search for wit, nice tutorial

[@AnmolCodesofficial]

The video came 25 minutes ago and the video is 34 minutes longer how you saw the video huhh

[@ujjawalpugalia2123]

The only thing is that i am unable to deploy the project, it is working fine on localhost but screen becomes blank when deployed on vercel or netlify

[@Moni29_8]

Same problem..... help me to solve this blank yaar

[@nandakumar5701]

Thanks a lot brother❤

[@jojid.econar280]

hey bro, can you make tutorial on how to create a website builder like WordPress?

[@icelygorapo2401]

He has that on his 30 days JavaScript project playlist

[@Rohittarkar175]

@@jojid.econar280 hey! I made a lot of WordPress websites and that was my complete waste of time. As you don't have any privacy coz plugins in WordPress can breach your data

[@sanketpathak6621]

Hey nice video. What does the slice() method actually do here?

[@evansmbewe06]

My url API key doesnt have urlToImage so i cannot add urlToImage care to help?

[@codingwithebooks]

Great videos👏👏

[@69mystery67]

I am facing an error when implementing slice() function into title and description. The screen just went blank. The error message in console was "Uncaught TypeError: Cannot read properties of undefined (reading 'slice')"

[@relangimammayyacodingcente9416]

Bro what did you do for that slice problem

[@69mystery67]

@@relangimammayyacodingcente9416 add != null after description. My code for line 8 at 24:20 is : {description != null ? description.slice(0, 90) : "No description"}

[@vibhourrr]

The problem is not with the slice method but with the data you're firing the method to. if you're using it for example Data.slice() try consoling the data, it may be undefined that's why the slice method might not be working

[@alfaloverss3116]

​@@relangimammayyacodingcente9416 jaha par props pass kiye udhar slice krke dekhna work keega

[@abdelrahmanmohamed4372]

title?tilte.slice(0,50):""

[@dipesharwat]

Sir, this is small request make video on KZbin clone using React

[@dreamkillrop2037]

api not giving Image and description.

[@PoojaJain840]

can u pls help me as i am getting error while using map function

[@blackmythtaufel]

hello bro need some help here😅😅😅😅 when i copied button from bootsrap and pasted it its working fine if i changed the class to classname then its not showing the styles just buttons showing no colors at all then again changed classname to class its working fine with showing colors to buttons and style what shoild i do if there is no classname then it isnt react ryt??

[@vnkt_ayyappa]

Hello sir I had a doubt y your react project outpage is different

[@AmanKumar-sr5wj]

7:50 why he remove import react statement .

[@AnandaMuhuri]

Thanks sir

[@GreatStackDev]

You're Welcome! 😊 Keep coding.

[@AnandaMuhuri]

@@GreatStackDev sir the api you used can be only used in local host, but if I deploy it then from browser it's not accessible. Do you have any other APIs which can be accessed from browser also ?

[@aishwaryajoshi8020]

If same process is done in without using vite then how to connect the news api

[@dhruvinchawda439]

will news gets updated time to time?

[@ubaidullah4221]

Thanks

[@Cream-Clips]

I have some problem when I fetch api

[@Manas361]

i can't access category in my api link by using this category=${category}.. screen got blank , any solution??

[@User-lm4qq]

Paste the code in gpt and type correct it and it works .

[@Amanकुमार-y4m]

awesome❤

[@vigneshm5595]

Brw i have one error in category change it doesn't change category 😢please help me

[@fearx377]

Followed it step by step, i run npm run dev and i just get a blank screen.. please help

[@parth9787]

Same

[@BabaBanarasi_003]

I am also facing the same problem broo

[@BabaBanarasi_003]

can you tell me how you fix that error

[@YasriMucyo]

Great!

[@NoTimeWaste1]

Done!! ✅

[@azsreenu2540]

Very nice

[@user-zl3nx9db8v]

if im uploading the code in github and hosting it then its not working can u solve it

[@tomwalton8014]

hi, I am having a problem when pasting the navbar code into the navbar.jsx file, a syntax error arrises with the open and close curly brace and normal bracket which causes the navbar not to work. Please help thanks

[@tomwalton8014]

I am getting this error code [plugin:vite:react-babel] C:\Users\User\landlord_v5\src\Components\Navbar.jsx: Expected corresponding JSX closing tag for . (26:49) 29 | C:/Users/User/landlord_v5/src/Components/Navbar.jsx:26:49 25 | Another action 26 | 27 | Something else here | ^ 28 | 29 |

[@bemzloarddesigner6459]

setCategory("...")}> setCategory("...")}> setCategory("..")}> setCategory("..")}> setCategory("..")}>

[@rohanBuilds]

bro 1 doubt why you created a special file to store api key . you could have stored it in a variable in same file

[@charlieyt1163]

for privacy so that no one can steal the api key

[@rohanBuilds]

@@charlieyt1163oh got it that's why he created a .env file as he will not push it into github. thanks for your reply tho

[@nutansingh3612]

hello sir, mera newsapp nhi chal rha h vo localhost:5173 pr 2-3 sec ke liye dikhta h bs or automatic blank hojata h plzzz help me sir👏👏👏👏👏👏

[@Nenavath-m1b]

same with me also

[@Assassin52]

Bro check your api and env file... I also faced that problem but when I rechecked it I found i created .env file in my src folder but we have to create it outside the src folder

[@jigsawgaming8677]

@@Assassin52 make env file is not important you can direct hit api in your code by using axios or .then .catch also use try and catch

[@Assassin52]

@@jigsawgaming8677 yup...👍

[@Moni29_8]

Same problem

[@poojanoothi3748]

slice is not working for description

[@SumanthS-dz3fk]

Bro link giving msg setcategory is not a function how to solve it

[@DiscoverVallartaProperties]

I have the same issue.

[@sheralishaik8852]

NEWSAPI gives CORS error in free developer pack get result only in localhost failed while deployment how to slove this any other NEWSAPI for free deployment

[@BabaBanarasi_003]

broo am also facing the error while loading the page it shows me a blank page

[@MukeshKannan-fr4el]

Bro I'm facing 1 issue.. I have only 3 column not 4 why

[@ankitasenapati8836]

Why the page is not loading ?

[@BabaBanarasi_003]

Am also facing the same issue whenever i run the npm command the page is loading but it disappear after few second.

[@BabaBanarasi_003]

can you tell me how you fix it ??

[@rahul.prasad28]

Your API key is visible at 15:54

[@user-nl1bj9oo9f]

bro can you make login form in navaigation bar?

[@user-nl1bj9oo9f]

using html and css only

[@vanshikasharma2128]

I'm facing an error while fetching api. Can anyone help me to resolve

[@PoojaJain840]

same here , pls help

[@Rant-gb1zz]

Where is the assets folder?

[@CoderBoy-u1z]

How to host this website

[@tapaskumardey650]

Can anyone tell me why the images of each news items are not loading. I mean the alt tag is getting executed not the src part. Please help

[@avneetkaur2175]

try changing the country back to us in api url. The issue is caused due to incomplete information by api for certain fields when we change the country

[@ayushsinghal5521]

@@avneetkaur2175 I am getting problem in setting .env file it shows error undefined map

[@NamrataPatel-f2r]

@@ayushsinghal5521 did u get the solution?

[@khurshedaalam7478]

Awesome

[@VISHALMishra-r7j]

facing some error anyone help mee

[@alfaloverss3116]

Slice method is not working

[@SumitKumawat-l1e]

VITE-API-KEY IS UNDEFINED............. WHAT IS SOLUTION....?

[@mansisahu2978]

Did u get any solution?

[@khushichaurasia121]

Can I get the code ??

[@ParasProgramming123]

dosent work with catagories

[@_MYNAMEISEARL]

What happened to Avinash?

[@nellyfancii-rs2tp]

is it just me or is there anybody whose images are not showing i mean te one from the api

[@mansisahu2978]

Ya same....did it worked? Can u pls guide me

[@hemanthkt2887]

use back ticks ` ` not " "

[@CodeMonk_001]

I followed step by step but is not working

[@BabaBanarasi_003]

US bro US

[@shaikyasmeen3947]

Me too I'm getting empty data from api

[@lizagarg8954]

can anyone provide source code?

[@homawasimkhan3845]

my api is not working😌😌😔

[@alfaloverss3116]

Category is not working

[@weirdomemes]

Same prob

[@danishnadaf9890]

@@weirdomemeserror Solved ???

[@danishnadaf9890]

On Click İs Not Working If I Am Click The Any Category It İs Not Working

[@weirdomemes]

@@danishnadaf9890 yes it's solved

[@weirdomemes]

@@danishnadaf9890 well i changed the api , I use Google news api instead of his suggestion

[@rahultodani]

Don't we call it website instead of app

[@Crepybro]

Not working

[@sumitrasmtr7441]

plz share source code

[@arialearn]

I cant count how many times you said "we will", very tiring.

[@prasannareddy-h6i]

source code bhayya:(

[@Letscodeabhi]

jisko code chayie bata do]

[@babyyato]

api not working can you please share the code

[@babyyato]

emergency tomorrow is my interview help

[@WhispersofLove-r5k]

Thanks. For sharing knowledge.. 🎉

[@GreatStackDev]

Glad you like it! Thank you.