MEAN Stack – AngularJS & PassportJS Login Credentials – Day 7

The MEAN Challenge Continues!

This video is part of the 30 Day MEAN Stack Honolulu Challenge

In this video we’ll create our own styles and continue to add Bootstrap styles to build our log-in page to get it to look like our wireframe. We’ll also explore the Angular.js code that is part of log-in page.

We look at:
– The MEAN Stack Sign-in page
– Creating CSS styles
– Passport.js error messages
– Introduction to Bootstrap Alerts
– Exploring the Angular.js code on the Sign-in page
– Homework – Can you format the Sign-up page? Let me know how you go!

The functional design post mentioned in this video of the home page – use case, storyboard and wireframes can be found here: Home Page Design.

Next

MEAN Stack – Style the Sign-up Page – Day 8
Previous

MEAN Stack – Responsive Bootstrap Login Forms – Day 6

4 Comments

Let me know what you think

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  • Syed Muhammad Ali Gardezi
    Reply

    Thanks for such a good tutorial. Is there any git repo of this code. I would be thankful if you share that repo. 🙂

  • Roger Layton
    Reply

    Firstly – great videos. Well done. Explained quickly and simply and are the right size for learning MEAN.
    Secondly, I have found that there is anomolous behaviour of the form when this is in tablet/desktop size, with the contols all squashed up on the right. It is fine for the mobile size. This seems to be corrected when removing the fieldset tags with no change in the look and feel. Did I make some other mistake which caused this? Is there any value to keeping the fieldset tags.