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!

[@saltytunafacts1906]

I just found this video and this channel is GOLD

[@GreatStackDev]

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

[@cricket_streaming1]

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

[@michaeledehh]

Something for the weekend ❤

[@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."}

[@mahmoodakram5540]

Thanks. For sharing knowledge.. 🎉

[@motivation2change754]

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

[@hemanthkt2887]

completed within 1 hour..tysm

[@easycodingwithbg4731]

Very Informative Sir 💓

[@shihansanaka3879]

Cooool bro...❤

[@SelsebilBenelhaj]

Just awesome 🤩🤩

[@GreatStackDev]

Thanks 🤗 Keep coding.

[@aroundtheworld5040]

keep it up⬆🎖

[@noviantoekobudiman7633]

Thank you so much for the tutorial!

[@DipakShende-oe9pn]

its an very amezing video.

[@emmanueleche3455]

This tutorial really helped me thanks alot👍

[@websitedesigndevdeploy]

Cool. Thanks for the tutorial.

[@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):""

[@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!!

[@technicalresi5451]

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

[@evansmbewe06]

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

[@amirtorghon2464]

Amazing tutorial

[@codingwithebooks]

Great videos👏👏

[@oqant0424]

Thank u so much very helpful

[@mahakalgamer7520]

Thank you so much 🙏

[@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

[@YasriMucyo]

Great!

[@Amanकुमार-y4m]

awesome❤

[@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...👍

[@ZeeshanElia]

React vite with simple bootstrap of your video is super

[@rutvapatel3251]

Thank you so much!

[@nandakumar5701]

Thanks a lot brother❤

[@Elgnonvis]

thanks react admin dashboard with Bootstrap will be great tuto

[@IllIIIIIIllll]

Thank you sir 🙏.

[@AmanKumar-sr5wj]

7:50 why he remove import react statement .

[@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

[@Cream-Clips]

I have some problem when I fetch api

[@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 ?

[@poojanoothi3748]

thank you so much

[@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 .

[@sanketpathak6621]

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

[@PoojaJain840]

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

[@vigneshm5595]

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

[@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

[@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("..")}>

[@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

[@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

[@aishwaryajoshi8020]

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

[@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

[@azsreenu2540]

Very nice

[@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

[@khurshedaalam7478]

Awesome

[@dreamkillrop2037]

api not giving Image and description.

[@dhruvinchawda439]

will news gets updated time to time?

[@user-zl3nx9db8v]

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

[@poojanoothi3748]

slice is not working for description

[@ubaidullah4221]

Thanks

[@NoTimeWaste1]

Done!! ✅

[@SumanthS-dz3fk]

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

[@DiscoverVallartaProperties]

I have the same issue.

[@vanshikasharma2128]

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

[@PoojaJain840]

same here , pls help

[@rohansingla4270]

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

[@rohansingla4270]

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

[@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 ??

[@dipesharwat]

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

[@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?

[@user-nl1bj9oo9f]

bro can you make login form in navaigation bar?

[@user-nl1bj9oo9f]

using html and css only

[@VISHALMishra-r7j]

facing some error anyone help mee

[@alfaloverss3116]

Slice method is not working

[@Rant-gb1zz]

Where is the assets folder?

[@SumitKumawat-l1e]

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

[@mansisahu2978]

Did u get any solution?

[@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

[@CoderBoy-u1z]

How to host this website

[@homawasimkhan3845]

my api is not working😌😌😔

[@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 " "

[@khushichaurasia121]

Can I get the code ??

[@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

[@_MYNAMEISEARL]

What happened to Avinash?

[@lizagarg8954]

can anyone provide source code?

[@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

[@tollyinfo]

Thanks. For sharing knowledge.. 🎉

[@GreatStackDev]

Glad you like it! Thank you.