Password Generator

Links

• Github link for reference is below: https://github.com/liamok19/passwordGeneratorJS.git

    Contact Information in the below link:
  

• Website Link for reference is below: https://liamok19.github.io/passwordGeneratorJS/

Strategy:

• Key: PW = Password.

1. Declare variables at the beginning. Strings for each category. Numbers, Symbols, LowcaseLetters and UppercaseLetters.
2. Objective: When the user clicks the "Generator button" an alert asks the following:
   1. How many numbers from 8-128 would you like to choose from.
      1. Window alert. User must provide a value within this number range.
      2. Window alert. User must provide a number with these constraints.
   2. Would you like Lower Case letters for your PW?
      1. 'ok' - True to push lowerCaseLetters to be part of the PW.
      2. 'cancel' - False!
   3. Would you like Upper Case letters for your PW?
      1. 'ok' - True to push upperCaseLetters to be part of the PW.
      2. 'cancel' - False!
   4. Would you like special symbols/specialcharacters for your PW?
      1. 'ok' - True to push symbols/specialcharacters to be part of the PW.
      2. 'cancel' - False!
   5. Would you like numbers for your PW?
      1. 'ok' - True to push numbers to be part of the PW.
      2. 'cancel' - False!
3. Based on the user selection a password will need to be generated containing the categories been pushed and at the length the user chose (between 8-128).

Table of Contents

• Strategy
• Assets
• Links
• Technologies Implemented
• Credits
• License

Strategy

1. Review the objective of the assignment and plan Computational Thinking. Decomposition, Pattern recognition, Abstraction and Algorithim.
2. Create a repository first via github. Whilst including the new repo make sure that it's set to 'Public' and that you have the READme file attached.
3. Git clone to your local server.
4. Open the HTML, CSS and JS provided. Make sure that the CSS and JS are linking up with the HTML.
5. JS to be at the bottom of the HTML body. Easier for browser to load.
6. Write out pseudo code for the operation.
7. Go back to the goals that you have listed in Step 1 and work through them.
8. Throughout the process continue to git commit messages of your updates and push to github. While you're pushing to github make sure your pushing the local folder so your work also versions up to github.
9. Once the Generator PW site is looking like the objective set by the instructors deploy Github Link.

Assets

User Steps

Step1 - User is prompt with the following:

Step 1 (a) Alert when user doesn't put a number in between 8-128.

Step 1 (b) Alert when user doesn't put in a number.

Step2 - User is prompt with the following. Click ok to include chosen category in PW.

Step3 - User is prompt with the following. Click ok to include chosen category in PW.

Step4 - User is prompt with the following. Click ok to include chosen category in PW.

Step5 - User is prompt with the following. Click ok to include chosen category in PW.

cue drum roll

Step 6 - A result is diplayed in the window below.

Technologies:

• HTML
• CSS
• JavaScript
• Github

Credits

Based on the research I found the following sources that I would like to credit for this project:

Source	Platform	Other
CoderLipi	Youtube	Title: JavaScript Tutorial For Beginners To Experts
#ask your classmaters	Slack	Conversations between instructors and classmates
The Net Ninja	Youtube	Title: JavaScript Tutorials for Beginners
The Net Ninja	Youtube	Title: JavaScript ES6 Tutorial #5 - The Spread Operator
Automation Step by Step	Youtube	Title: JavaScript Beginners Tutorial 11
w3schools	w3schools	Title: JavaScript Tutorials

License

• Existing projects and communities, this README file is publicly open for reference and review.

Pat yourself on the back once you have got to this point 😀