MEAN Stack Registration and Login App

Set up back-end for a mean stack registration and login app by installing node and npm, initializing a package.json, installing express, and running a server on port 3000 with nodemon.

Install the Angular CLI and set up a front-end project with ng new, then start the development server on localhost:200 to preview changes live.

Create and test a node server that sends data via post routes, handling strings and objects, and add multiple routes updated automatically as you save changes.

Install Angular material in your frontend app using the official site for updated steps. Import components into your app module, apply a theme, and test a button in the browser.

Leverage Angular Material to display backend messages in your MEAN stack app by wiring the API service to a messages component and rendering data in cards.

Open the back end module by building a user registration service that stores records in the database, and test the backend API with Postman.

Create a post request handling function to receive user data from the request body, parse json with a body parser, and test with postman in a MEAN stack setup.

Learn to create a MongoDB database with mLab on a free sandbox up to 0.5 GB. Sign up, pick Amazon, set Europe, and create a user for later connection.

Connect to a MongoDB database with mongoose, define a user schema for email and password, and implement a register route to save users. Verify data via Postman.

Create a navigation bar for the MEAN stack registration and login app using Angular Material mat toolbar, with a right-aligned register button.

Configure routes for the mean stack registration app by importing the router module, creating a register component, and wiring a /register path with a router outlet and route link.

Design a register component by building a form with email and password fields, and wire in browser animation module, card module, and input module.

Bind the registration form fields to a front-end object using the forms module to capture email and password. Log and verify the data before sending it to the back end.

Learn to post registration data from the front end to the API service, call the register route, and persist user data in the backend database using a post request.

Design the login component by adapting the register component, updating selectors, data models, and routes, and wiring login data through the API service.

Create a login endpoint on the backend to verify user email and password, respond accordingly, and generate a JWT token using a jwt library for authentication.

Builds the front-end login flow by sending registration and login data to the API, then saves the returned token in local storage.

Define a /users endpoint to fetch all users from the database using mongoose and return them to the front end. Exclude passwords and ensure token-based verification for profile access.

Develop the front end to display users in the mean stack app by wiring a get users api call, rendering emails, and routing to /users.

Configure user routes to link to a profile path with a user id, update the user component, and test the navigation.

Configure a backend user profile endpoint at /profile/:id, parse the id parameter, and fetch the corresponding user data (including email) from the database.

Create a user profile component in a mean stack app, wire it into the app module, route to /profile by id, and display email and id using a list.

Fetch and display the user profile data from the back-end by reading the id from the activated route, calling the API service, and binding the email in the template.

Learn how to hash passwords in a mean stack app using a mongoose schema with a pre-save hook, bcrypt hashing, and secure login and registration workflows.

extend the mean stack registration and login app by adding name and description fields to the user model, updating the registration form, and displaying these details in user profiles.

Learn to create a user feed and user component in the mean stack app, switch from showing emails to names, and reflect deletions in the user list and profiles.

Create an authentication router for the Mean stack by moving register and login endpoints to a dedicated file and exporting the router. Update the frontend to use the auth endpoints.

Create a post endpoint for polls in the mean stack app by defining a mongoose model and saving messages to the database via request/response, tested with postman.

Create a post component within a mean stack registration app, navigate user profiles and feeds using router links, and debug a spelling error to get the local server running.

Configure the API service to send a post to the back end and store it in the database, updating endpoints and post message data for successful persistence.

Establish a one-to-many relationship by adding an author field (objectId) to posts, then test by hardcoding a user id in the post data.

Create and fetch posts by user id in a mean stack registration and login app, replacing hard-coded authors with dynamic ids via mongoose, async/await, and a component to display messages.

Configure the messages component and update the service to fetch messages by user id and publish them in messages component, then wire the activity route and profile to display posts.

Store the user id in the login token payload to persist authentication in the browser's local storage and link posts to the user in the mean stack app.

Upgrade the mean stack registration app by migrating from SATB to Angular 5+ asset class module, update imports, fix types, and validate login with token stored in local storage.

Implement an auth token interceptor in a mean stack front end by creating an http interceptor, appending the authorization token to request headers, and enabling multi: true.

Implement login, registration, and logout functionality in a mean stack app by handling tokens in local storage, routing between login and home, and conditionally displaying the login, registration, and logout buttons.

Log out removes the token from local storage and returns to the home page. The lecture shows how registration data is stored in the database while staying on the page.

Complete the mean stack registration app: register users, store the token in local storage, automatic login, and navigate to the home page or profile with integrated front-end and back-end.

Publish your mean stack registration and login app by building a production front end, uploading to an S3 bucket with public read access, enabling static hosting, and configuring environment settings.

Publish a mean stack registration and login app by deploying the backend to Heroku, linking git and pushing to master, then hosting the frontend on Amazon S3.