Angular 14 News Application | Angular with Tailwind CSS | Angular Project for beginners

In this video, we learn to create a News Application in Angular 14 by using news org Api.

In this tutorial, you learn
1.How to create a new angular project.
2.How to create the component and services in the cmd line.
3.How we can install and configure Tailwind Css in Angular project.
4.Installation and using few Angular Material Componets.
5..Import HttpClientModule

Connect with me on the below Social links:

If you want to follow me along my coding journey, be sure to subscribe :)

API Link

Source code

Crypto Currency Application

Angular TODO Application

Angular 13 CRUD using Material UI

Angular QUIZ Application

Angular Add-to-cart app

[srdpt]

Among those angular tutorial channels, this is the best channel. 100%. Thanks so much . looking forward to seeing more angular apps.

[tobi_dosumu]

I've subscribed to your channel because of this tutorial. Looking forward to more MEAN stack tutorials. Thanks for the good job 👍

[maneshipocrates]

Good job! It seems the sidenav does not show up as you describe. Someone suggested using a css definition below but is doesn not show as in your tutorial. ma first interaction with Angular.

[ananthakumarr]

now working .. thank you ...super explanation

[MTSightseeing]

Hi sir please make more projects in Angular, make advance projects

[Reachforsalvation]

good day, please, must it be scss? My sidenav is not working. Did it with CSS.

[shafiqchowdhury]

Hi I need help please, how can I fix the mat sidebar, I did everything the same as in your video, I don't get any errors but my sidebar is not open. can you tell me why this? one thing I want to know is how do you get #sideNav="matSidenav", where did you declare matSidenav, I did not find it anywhere in the appcomponent.ts file. Please help me

[gladisxavier]

bro how to display and videos in angular use the click buttons pls do that kind of videos in angular bro
then cricket scorecard related videos like a cricket commandry for eacha nd every ball the scores run in different component balls run in different component and batters score in different component everything happened in single page without reload the page for each and every run ball and wicket but these three display same page one by one i think u understand the concept pls do that kind of projects in angular bro

[anorophile]

Can you make a video on deploying this project to netlify Or github

[ahmedyousef]

Thank You for the great content, can you tell me how can I go back to the "Top 10 trending News!" page when I click on "My Application" span

[PrinceJeniFX]

please what app do i need to install on my computer before i can run the cmd command. it says ng is not recognised

[nirikshakotian]

Hi I am actually facing one issue in your code. I did same as exactly your code but when i click on menu the contents are displaying in horizontal vice not in vertical can you please help me with it

[ayisthiya]

Hello sir, thanks for this video.. I had done all but I got one error on import news service in app.component can you please clear me this....

[shafiqchowdhury]

Mat sidebar does not work, it's not open, and I don't get any error, can you please help me

[rahulxdd]

You used type any here:
sources: any = [];
articles:any = [];sources: any = [];
articles:any = [];

Won't it cause problems? Is there any alternative to any?

[ananthakumarr]

got error HTTPErrorResponce .how to resolve this

[ShwetaChaudhary-ng]

Hello sir, My toggle button is not working plss can you help?plsss

[arjunshinde]

Please use bootstrap instead of tailwind...

[khushalchoudhary]

How to shared data between 2 components but there is no relation between them

[farahazeem]

Font size is too small, making it hard to follow along