🔑 Generate good customizable passwords

Last update: Jan 28, 2022

Gitpod

Netlify Status

License Last Commit Language Most Used Implementations Repository Size

Forks Stars Watches

Welcome to password-generator-web 👋

🚧 password-generator-web in production... 🚧

Generate good customizable passwords

Screenshots screenshot0

🔖 Table Of Contents

🤔 How To Use

Using node

Install Dependencies

npm install

or,

yarn

Run Aplication

npm start

or,

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

Run tests

npm run cypress-open

or,

yarn cypress-open

Using docker

Create Containers

sh ./scripts/docker-compose-setup.sh

Run Aplication

sh ./scripts/start-server.sh

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

Run tests

sh ./scripts/run-tests.sh

Back To The Top

🚀 Technologies

Back To The Top

🌱 Minimal Requirements

  • NodeJS
  • NPM/Yarn

Back To The Top

🎊 Features

🎇 Finished

  • Generate pronounceable passwords

🎆 Pendent

  • Show password-strength

Back To The Top

💡 How To Contribute

  • Make a fork of this repository
  • Clone to you machine and entry on respective paste
  • Create a branch with your resource: git checkout -b my-feature
  • Commit your changes: git commit -m 'feat: My new feature'
  • Push your branch: git push origin my-feature
  • A green button will appear at the beginning of this repository
  • Click to open and fill in the pull request information

Contributions, issues and features requests are welcome!
📮 Submit PRs to help solve issues or add features
🐛 Find and report issues
🌟 Star the project

Check out the contributing page to see the best places to file issues, start discussions and begin contributing.

Back To The Top

🤗 Contributors

Mikael-R mateushnsoares wesleyburlani RafaelGoulartB filhodanuvem

Back To The Top

👤 Author

🤓 password-generator [email protected]

Back To The Top

🔏 License

Copyright © 2020 password-generator [email protected]

This project is licensed by MIT License.

Back To The Top

This README was generated with 💟 by readme-template-generator

GitHub

https://github.com/password-generator/password-generator-web
Comments

  • 1. feat: added password strength meter

    Hey man I saw an youtube video with your project and wanted to contribute to it somehow, so after reading the documentation i saw the project was missing a password strength meter. Then I have decided to help with that and implemented that feature. passwordStrengthMeter

    Reviewed by AlvaroIsrael at 2020-12-24 00:56

  • 2. Change Repository name

    Chang repository name to password_generator to when hosted in Heroku to your URL to be https://password_generator.herokuapp.com rather than https://password-generato.herokuapp.com 😄

    Reviewed by mateushnsoares at 2020-05-20 20:51

  • 3. Create GitHub Action Greetings Worflow

    This Commit create a GitHub Actions WorkFlow to on new commit or Pull Request send a message:

    Issue Message: Thanks for your issue. We will read it and analise it.

    Pull Request Message: Thanks for your Pull Request. We will analise it before merge it.

    Reviewed by mateushnsoares at 2020-05-15 20:15

  • 4. feat: add @password-generator/package to generate password

    use @password-generator/package to generate password instead of writing the algorithm in all password generator "clients". and some other small thing like move label.yml to .github/workflows/label.yml, and add tsx files to lint-staged configuration.

    Reviewed by mateushnsoares at 2020-09-14 14:49

  • 5. dockerize project to avoid local machine installations

    create docker and docker compose files to support docker development.

    added scripts folder to make it easy to run docker commands.

    now its possible to run the following scripts:

    ./scripts/docker-compose-setup.sh //builds docker images on your local machine ./scripts/start-server.sh // starts react server on port 3000 of localhost ./scripts/run-tests.sh to execute cypress via docker

    Reviewed by wesleyburlani at 2020-08-25 15:56

  • 6. Add package-lock.json and yarn.lock to .gitignore

    The package-lock.json and yarn.lock are arquives that the packages managers create to control the lib instalition they are unesesary to in github because when install dependencys with npm install or yarn they are created.

    Reviewed by mateushnsoares at 2020-05-14 15:08

  • 7. [BUG] Typo in button

    Describe the bug Its typo in button to generate password

    To Reproduce Open aplication

    Expected behavior Its "generate password" and not "generated password"

    Screenshots image

    Environment:

    • OS: Ubuntu 18.04
    • Browser: Chromium
    Reviewed by Mikael-R at 2020-10-14 17:12

  • 8. fix: cypress tests fix

    fix cypress tests adding security issues to avoid errors on application default value changing.

    The cypress current tests do not set the number of characters to generate the password, so, if the default value change on application, tests will broken.

    The second fix is that the tests matches, for example, 6 numbers, and any number with more than 6 numbers matches 6 numbers too, because thay contains 6 numbers, to fix it I set the regular expression to match the expression only to the whole word, making sure that only the expected number of characteres will pass the test.

    The third fix was run eslinter to change double quotes by single quotes

    Reviewed by wesleyburlani at 2020-08-25 13:02
Related tags
Boilerplate react docker typescript password-generator site password hacktoberfest security-tools customizable-passwords
React - NextJs + Tailwindcss+ PWA: JSON Visualizer to turn raw and chunky JSON into Visual good-looking data groups
 React - NextJs + Tailwindcss+ PWA: JSON Visualizer to turn raw and chunky JSON into Visual good-looking data groups

React - NextJs + Tailwindcss+ PWA: JSON Visualizer to turn raw and chunky JSON into Visual good-looking data groups

Apr 18, 2022
A cli tool to generate cra-template from current create-react-app project.

Create Cra Template A cli tool to generate cra-template from current create-react-app project. Create Cra Template Templates cra-template-popular cra-

Dec 18, 2021
generate forms from JSON object
 generate forms from JSON object

json-obj-form-generator generate forms from JSON object Install npm install --save json-obj-form-generator For more informations check documentation w

Nov 10, 2021
Universal avatar makes it possible to fetch/generate an avatar based on the information you have about that user.
 Universal avatar makes it possible to fetch/generate an avatar based on the information you have about that user.

<Avatar> Universal avatar makes it possible to fetch/generate an avatar based on the information you have about that user. We use a fallback system th

May 18, 2022
Fluid-type-scale-calculator - Generate font size variables for a fluid type scale with CSS clamp
 Fluid-type-scale-calculator - Generate font size variables for a fluid type scale with CSS clamp

Fluid Type Scale Calculator Generate font size variables for a fluid type scale

May 19, 2022
Create-editorconfig - A simple npm script to generate an .editorconfig file

Create EditorConfig A simple npm script to generate an .editorconfig file. You d

Jan 11, 2022
CLI based on Vite to generate your project easily
 CLI based on Vite to generate your project easily

CLI based on Vite to generate your project easily

Apr 1, 2022
A clean, beautiful, responsive and 100% customizable portfolio template for Data Scientists!
A clean, beautiful, responsive and 100% customizable portfolio template for Data Scientists!

A portfolio template for datascientists using reactjs

Apr 9, 2022
Customizable progressive image for React Native with FastImage
 Customizable progressive image for React Native with FastImage

Progressive Fast Image Built-in Loading Progressive Fast Image Installation Add the dependency: npm i @freakycoder/react-native-progressive-fast-image

Apr 29, 2022
Onboard users with messages that highlight components. Fully customizable
 Onboard users with messages that highlight components. Fully customizable

react-onboard Create onboarding messages and highlight related components react-onboard lets you easily present a set of messages that are associated

Sep 10, 2021
A react module for creating customizable scroll area

React-free-scrollbar A react module for creating customizable scroll area. Visit http://fuermosi777.github.io/react-free-scrollbar/ to see demo. Insta

Apr 6, 2022
Poem-ui - Simple and customizable React UI components.

poem-ui Simple and customizable React UI components. Some components use third-party plug-ins to improve the interaction. You can remove third-party p

Jan 5, 2022
Obscure passwords and other sensitive personal information when a react-native app transitions to the background
 Obscure passwords and other sensitive personal information when a react-native app transitions to the background

Enable privacy snapshot for React Native In the App Programming Guide for iOS, Apple says: When an app transitions to the background, the system takes

May 3, 2022
Locku-browser-extension - Simple Browser extension to save passwords across browsers

Locku A Simple browser extension for password management. Why another Password m

Jan 30, 2022
🐐 Simple and complete React DOM testing utilities that encourage good testing practices.
 🐐 Simple and complete React DOM testing utilities that encourage good testing practices.

React Testing Library Simple and complete React DOM testing utilities that encourage good testing practices. Read The Docs | Edit the docs Table of Co

May 15, 2022
🐏 Simple and complete React hooks testing utilities that encourage good testing practices.
 🐏 Simple and complete React hooks testing utilities that encourage good testing practices.

react-hooks-testing-library Simple and complete React hooks testing utilities that encourage good testing practices. Read The Docs Table of Contents T

May 14, 2022
Animated collapsible component for React Native, good for accordions, toggles etc
 Animated collapsible component for React Native, good for accordions, toggles etc

react-native-collapsible Animated collapsible component for React Native using the Animated API Pure JavaScript, supports dynamic content heights and

May 15, 2022
🔎 React-Native package to decorate TextInput and get suggestions with good UX
 🔎 React-Native package to decorate TextInput and get suggestions with good UX

react-native-suggester React-Native package to decorate TextInput and get suggestions with good UX How to use it ? import { SuggesterProvider, Suggest

May 7, 2022
🐐 Simple and complete React DOM testing utilities that encourage good testing practices.
 🐐 Simple and complete React DOM testing utilities that encourage good testing practices.

React Testing Library Simple and complete React DOM testing utilities that encourage good testing practices. Read The Docs | Edit the docs Table of Co

May 11, 2022
Stylesheet that helps you debug layout problems in react-native, because we're all still not that good at flexbox
 Stylesheet that helps you debug layout problems in react-native, because we're all still not that good at flexbox

react-native-debug-stylesheet When you want to debug layout problems, use this instead of the normal StyleSheet to get coloured borders (or background

May 2, 2022