Coder Social home page Coder Social logo

dieterichelizabeth / prompt-password-maker Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 159 KB

A Password Generator which creates unique passwords based on user input to window alerts ๐Ÿ”๐Ÿค”

Home Page: https://dieterichelizabeth.github.io/prompt-password-maker/

HTML 11.77% JavaScript 62.96% CSS 25.27%

prompt-password-maker's Introduction

Prompt Password Maker

Javascript: String Generator โœจ

Click to view the deployed application

This app generates random passwords after the user selects their desired criteria. The user can pick the character length, and choose to include numbers, lowercase, uppercase, and special characters through windown prompts/confirmations. Users are then presented with their new password on the screen.

Based on the User Story:

"GIVEN I need a new, secure password
WHEN I click the button to generate a password
THEN I am presented with a series of prompts for password criteria
WHEN prompted for password criteria
THEN I select which criteria to include in the password
WHEN prompted for the length of the password
THEN I choose a length of at least 8 characters and no more than 128 characters
WHEN asked for character types to include in the password
THEN I confirm whether or not to include lowercase, uppercase, numeric, and/or special characters
WHEN I answer each prompt
THEN my input should be validated and at least one character type should be selected
WHEN all prompts are answered
THEN a password is generated that matches the selected criteria
WHEN the password is generated
THEN the password is either displayed in an alert or written to the page"

Screenshots

Example password/screenshot

To complete this project- I created 4 arrays for available character types, and one empty array. Then created the start function with prompts for password length (validated through an if...else statement), as well as window confirms to let a user select what type of characters they want to include. Once a character type is confirmed yes/true, it is pushed into the empty array, to store the user's choices. Another if...else checks that at least one type of character was chosen to move forward. After the user's choices are stored, the array goes through a for loop (called randomizer), which grabs random values from the user's choice array, and runs through the password length selected. The .join method is then turns the result of the for loop into a string without commas. Lastly, I linked the writepassword function to the completePassword method so the string would be displayed on the page. (the writePassword function was previously provided, along with HTML and CSS files).

Resources


Made with โค๏ธ
ยฉ Liz Dieterich

ยฉ 2021 Trilogy Education Services, LLC, a 2U, Inc. brand. Confidential and Proprietary. All Rights Reserved.

prompt-password-maker's People

Contributors

dieterichelizabeth avatar

Watchers

 avatar

prompt-password-maker's Issues

Screenshot in the ReadMe

Repository contains quality README file with description, screenshot, and link to deployed application.

  • Complete: Description
  • Incomplete: Screenshot, link to deployed application

User unable to exit prompts/try again

Password length and chosen characters are validated, however, if the user did not choose correctly- they have to refresh the page to start over. Prompts for validation should allow users to try again.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.