Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/samuelquinones/password-generator

Generate secure, hard to guess passwords with the click of a button!
https://github.com/samuelquinones/password-generator

cra create-react-app password progressive-web-app pwa react react-hook-form reactjs security tailwindcss typescript

Last synced: 1 day ago
JSON representation

Generate secure, hard to guess passwords with the click of a button!

Awesome Lists containing this project

README

        

# Secure Password Generator

![App Logo](/public/logo192.png)

[![Build Status](https://img.shields.io/github/workflow/status/SamuelQuinones/password-generator/Deploy?logo=github&style=for-the-badge)](https://github.com/SamuelQuinones/password-generator/blob/main/.github/workflows/deploy_to_gh_pages.yml) [![App Version](https://img.shields.io/github/package-json/v/SamuelQuinones/password-generator/main?label=Version&style=for-the-badge)](https://github.com/SamuelQuinones/password-generator/blob/main/package.json#L4) [![License](https://img.shields.io/github/license/SamuelQuinones/password-generator?style=for-the-badge)](https://github.com/SamuelQuinones/password-generator/blob/main/LICENSE)

With the click of a button you can generate complex, secure, near impossible to guess passwords!

For notes, or any concerns about security, see [SECURITY.md](/SECURITY.md).

For information on **contributing**, please see [CONTRIBUTING.md](/CONTRIBUTING.md).

The logo / icon was made by Emily from [Em's Enchanted Emporium](https://www.instagram.com/em_enchanted_emporium/)

## About This App

"Secure Password Generator" is a web-app bootstrapped with `create-react-app` and `Typescript`. All styling / appearance is done using the `tailwindcss` utility framework as a base.

I built this web-app to improve my development skills, and also learn something new:

- More advanced ReactJS code / design principles
- How to use a global state manager like `Redux`
- How to create and style my own components - as a challenge to myself, I am using as little component libraries as I can
- Making a Progressive Web App or "PWA" to allow for offline use, and a downloadable experience
- Using a development pipeline - continuous integration and continuous deployment or "CI/CD" using Github workflows
- Bug / Issue management for a project
- Working with an Open-source project and getting assistance from a community
- Translating a project in an efficient way

In my opinion, all these things are important skills for a developer to have, and I figured the best way to learn and improve was to make something - so I made this.

The reason I built a password generator specifically was also about learning; Security and passwords are a very important aspect of development, and I figured making a password generator would be a good way to learn more about it.

This app is constantly being worked on and I am always open to ideas, suggestions, and collaborations!

## How It Works

more info coming soon ...

## Stats

![Alt](https://repobeats.axiom.co/api/embed/cf8af38d881ae5b4ddb2d4ea5b0e13901c1970e6.svg "Repobeats analytics image")