Create News App Using React JS And Bootstrap | Learn Bootstrap In React JS Tutorial
HTML-код
- Опубликовано: 2 ноя 2023
- Create News App Using React JS And Bootstrap | Learn Bootstrap In React JS Tutorial
❤️ SUBSCRIBE: @GreatStackDev
In this tutorial you will learn about adding bootstrap in react JS project. Using React JS and Bootstrap we will make a news website or Web App step by step in this tutorial.
👉 React Introduction Tutorial: • What Is React (React J...
#ReactJS #ReactJsTutorial #ReactJsProject #GreatStack
-------------------------------------
Build more React JS projects:
Complete Ecommerce Website In React:
👉 • How To Create Complete...
Complete Portfolio Website In React:
👉 • How To Make Portfolio ...
Build ChatGPT Clone In React:
👉 • Build ChatGPT In React...
Build AI Image Generator with OpenAI In React
👉 • Build An AI Image Gene...
Create Weather App In React
👉 • How To Create Weather ...
-------------------------------------
Recommended HTML and CSS Projects:
Learn Complete HTML and CSS from basics:
► • HTML And CSS Tutorial ...
Make A Complete Website for college using HTML & CSS:
► • How To Make A College ...
How to make personal resume website step by step:
► • How To Make A Website ...
-------------------------------------
Connect with me:
👉 linktr.ee/iamavinashkr
Connect with GreatStack:
Instagram: / greatstackdev
Twitter: / greatstackdev
Facebook: / greatstack
This is the small request make videos tutorials on figma design your teaching skills are awesome.
Short and to the point but very informative. Great video!
Something for the weekend ❤
what about react admin dashboard for e-commerce react app
as you have mentioned there
Thanks. For sharing knowledge.. 🎉
I think it is better to use vite for the other projects too...❤
Cool. Thanks for the tutorial.
after long time, i found this tutorial. Very helpful. Please make more of these❤❤
This video is me help one of the most good video for RUclips 😊❤
Thank you so much!
Cooool bro...❤
Thanks a lot brother❤
Thank you so much 🙏
React vite with simple bootstrap of your video is super
Wonderful, this is how a tutorial should be-direct, to the point, and without spending time on Bs.
Honestly bro!
Broo I need a source code it will very helpful, while executing ur same code getting some issues!!
thanks
react admin dashboard with Bootstrap will be great tuto
Hello sir
I had a doubt y your react project outpage is different
Thank you sir 🙏.
I got the notification and it disappeared on my notifications list 😢 had to search for wit, nice tutorial
awesome❤
its an very amezing video.
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
Great!
My url API key doesnt have urlToImage so i cannot add urlToImage care to help?
thank you so much
i am facing on navigation bar when we click on sports category its been be deafult no any functionin
if im uploading the code in github and hosting it then its not working can u solve it
Great videos👏👏
Bro link giving msg setcategory is not a function how to solve it
Followed it step by step, i run npm run dev and i just get a blank screen.. please help
Sir, this is small request make video on RUclips clone using React
Brw i have one error in category change it doesn't change category 😢please help me
Thanks
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')"
Bro what did you do for that slice problem
@@relangimammayyacodingcente9416 add != null after description. My code for line 8 at 24:20 is : {description != null ? description.slice(0, 90) : "No description"}
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
@@relangimammayyacodingcente9416 jaha par props pass kiye udhar slice krke dekhna work keega
Awesome
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
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 |
setCategory("...")}>
setCategory("...")}>
setCategory("..")}>
setCategory("..")}>
setCategory("..")}>
Very nice
I'm facing an error while fetching api. Can anyone help me to resolve
hey bro, can you make tutorial on how to create a website builder like WordPress?
He has that on his 30 days JavaScript project playlist
I have some problem when I fetch api
bro can you make login form in navaigation bar?
using html and css only
Where is the assets folder?
facing some error anyone help mee
bro 1 doubt why you created a special file to store api key . you could have stored it in a variable in same file
for privacy so that no one can steal the api key
@@charlieyt1163oh got it that's why he created a .env file as he will not push it into github. thanks for your reply tho
Slice method is not working
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
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
@@avneetkaur2175 I am getting problem in setting .env file it shows error undefined map
@@ayushsinghal5521 did u get the solution?
What happened to Avinash?
Don't we call it website instead of app
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
Category is not working
Same prob
@@weirdomemeserror Solved ???
On Click İs Not Working If I Am Click The Any Category It İs Not Working
@@danishnadaf9890 yes it's solved
@@danishnadaf9890 well i changed the api , I use Google news api instead of his suggestion