In the previous part of this tutorial series, you learnt how to implement the functionality to edit the blog post details.
In the previous part of this tutorial series you learnt how to create the add post component to add new blog posts. You learnt how to create the REST API endpoint to add a new post to the MongoDB database.
In the previous part of the Angular blog tutorial series, you learnt how to create the
ShowPostComponent to display the list of blog posts on the home page. You fetched the records that were inserted from the MongoDB shell using the created REST API endpoint.
In the last part of the tutorial series, you saw how to write the REST API endpoint for user login. You used Mongoose to interact with MongoDB from Node. After successful validation, you saw how to use Angular
Router for navigating to the
In the first part of the tutorial series, you saw how to get started with creating an Angular web app. You learnt how to set up the application and created the Login component.
Angular is a one-stop framework for creating mobile and web apps using the same reusable code. Using Angular, you can divide the whole application into reusable components, which makes it easier to maintain and reuse code.
Before going ahead with this tutorial, it is a good idea to summarize everything we have done so far in order to avoid any confusion and errors. If you have missed any of the steps from the last three tutorials, it is a good idea to go back and make the necessary changes.
In the third tutorial of the series, you learned how to create the HomeComponent of your country information app. We will create two more components in this tutorial. One of the components will list all the countries that we have stored in the
COUNTRIES array. Another component will display the details of any country selected by the user.
The second tutorial of this series taught you how to store data inside the Angular app and access it using a service class. In this tutorial, we will create the
HomeComponent for our Angular app.
In the first tutorial of the series, we learned how to get started in order to create an Angular app. After successfully completing that tutorial, you should now have your first functioning Angular app with the heading ‘Fun Facts About Countries’. Before creating any components that can be rendered on the screen, we will create some classes and define some functions that make those components useful.