SA6-AR Active Reading: Authentication

Instructions

Following the usual Active Reading (AR) Instructions, carefully read and perform the steps in each of the following Demos-n-Deets demos:

• Authentication
• Resource Ownership

Important Things to Remember

• Perform all the steps.
• Think deeply and make sure you understand each step.
• Name screenshots with the exact names specified.

How to Start Each Demo

1. cd into your workspace folder.
2. Find the “Base App Code Branch” link in the demo webpage.
3. git clone the base app repo, giving it a custom name, like sa1-ar-model-classes.
4. cd into the new working directory.
5. git switch to the base app branch specified in the demo.
6. Open the working directory in VS Code, bundle install/rails db:migrate && rails db:seed, and begin the demo.

What to Submit

• Authentication Demo Screenshots:
  • sa6-ar-01: The quizzes index page before someone has signed in.
  • sa6-ar-02: The quizzes index page after being signed in as alice@email.com (password: password).
  • sa6-ar-03: The result of the following: (1) sign out and then (2) try to open the page: http://localhost:3000/quizzes/1/edit. (Should display sign-in page with error notification.)
  • sa6-ar-04: The QuizzesController class in VS Code, including the before_action declaration.
  • sa6-ar-05: The QuestionsController class in VS Code, including the before_action declaration.
• Resource Ownership Demo Screenshots:
  • sa6-ar-06: The quizzes index page after signing in as alice@gmail.com and creating a new Quiz.
  • sa6-ar-07: The app/views/quizzes/index.html.erb view template in VS Code.
  • sa6-ar-08: The QuizzesController class in VS Code.
  • sa6-ar-09: The result of the following: (1) sign in as alice@gmail.com and then (2) try to open the page: http://localhost:3000/quizzes/1/edit. (Should display index page with error notification.)

In the above screenshots, code which is too long to be captured in one screenshot may be split up into multiple screenshots.

Important! All screenshots must include your computer’s desktop in the background so that it is recognizable as your desktop. Also, all screenshots of web pages must display the entire URL of the page in the browser’s location bar. (Watch out, as some browsers like to hide parts of the URL unless you click on it.)