Learn MEAN Stack By Building A ToDo App

Build a mean stack to-do app by setting up an express server, a MongoDB backend, and an angular front end, with routes for index and API.

Learn to build a RESTful API for a to-do app using a remote MongoDB via mLab, creating a database, user, and routes for listing, retrieving, creating, updating, and deleting todos.

Set up the client side with an Angular app, configure Express to serve files, and install Bootstrap via Bower to build a UI that talks to the to-dos API.

Build the to-dos app UI by creating a dedicated to-dos component in an Angular project, wiring a Bootstrap-based form and list as part of the mean stack setup.

Fetch todos from MongoDB via the backend API using an Angular service, inject HttpClient, map and subscribe to the observable, and display the todos in the client.

Learn to add todos via the input box, handle the add button click, and save a new todo with text and is completed false via http post to /api/v-1/todo.

Learn how to update todos in a mean stack app by toggling edit mode, editing text, marking completed with a checkbox, and persisting updates via a put request.

Delete todos by wiring the delete button to a deleteTodo function that receives the todo id. Remove the item from the list via api after the response.