Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fmanimashaun/password-generator
The project was built to showcase my skills in HTML, CSS, and JavaScript and how to build an interactive webpage. This is a simple password generator web app. The development is based on the given Figma design. This is part of the Scrimba Frontend Developer Career Path solo projects.
https://github.com/fmanimashaun/password-generator
css3 html5 interactive javascript password-generator
Last synced: 10 days ago
JSON representation
The project was built to showcase my skills in HTML, CSS, and JavaScript and how to build an interactive webpage. This is a simple password generator web app. The development is based on the given Figma design. This is part of the Scrimba Frontend Developer Career Path solo projects.
- Host: GitHub
- URL: https://github.com/fmanimashaun/password-generator
- Owner: fmanimashaun
- License: mit
- Created: 2022-12-28T17:49:15.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-01-02T21:47:47.000Z (about 2 years ago)
- Last Synced: 2025-01-06T03:42:14.440Z (about 2 months ago)
- Topics: css3, html5, interactive, javascript, password-generator
- Language: CSS
- Homepage: https://fmanimashaun.github.io/password-generator/
- Size: 2.11 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: license
Awesome Lists containing this project
README
# password-generator
## 📗 Table of Contents
- [📖 Overview](#about-project)
- [Project Objectives](#project-objectives)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [Desktop Version](#desktop-version)
- [Mobile Version](#mobile-version)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [👥 Authors](#authors)
- [Developers](#developers)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
The project was built to showcase my skills in HTML, CSS, and JavaScript and how to build an interactive webpage. This is a simple password generator web app. The development is based on the given [Figma](https://www.figma.com/file/NEj9JDycMjF3XKXq7swoc9/Random-Password-Generator-(New-version)) design. This is part of the Scrimba Frontend Developer Career Path solo projects.
### Project Objectives
- Develop the app layout based on the given Figma design.
- Generate two random passwords when the generate button is clicked.
- Each password should be 15 caracters long.
- [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML)
- [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)
- [JavaScript/ES6](https://262.ecma-international.org/6.0/)
- [Git](https://git-scm.com/)
- [GitHub](https://github.com)
- [Figma](https://www.figma.com/)
### Key Features
- Generate two random passwords when the generate button is clicked.
- Each password should be 15 caracters long.
- The passwords should be displayed on the page.
- The password should be copied to the clipboard the user click of it.
- User can set the password length.
- User can set if password should include symbols and numbers or not.
> [Live Demo Link](https://fmanimashaun.github.io/password-generator/)
- [Optional] Install git bash to your machine to enable you to clone this repo.
- install Visual Studio to be able to host a local live version.
- Install a browser to view the local live version.
To get a local copy up and running follow these simple example steps.
### Setup
- Open your GitHub account the repository's [link](https://github.com/fmanimashaun/password-generator)
- Internet connection
- A github account
### Install
- copy the repo's link and clone it by writing `git clone https://github.com/fmanimashaun/password-generator.git` on your git bash terminal (__note: the main branch is the final version__).
- In your visual studio, change the branch to the starter_version branch to view the starter version of the project.
- follow the step-by-step guide on my [blog](https://blog.fmanimashaun.com/password-generator) to build the project.
👤 **Engr. Animashaun Fisayo**
- [GitHub](https://github.com/fmanimashaun)
- [Twitter](https://twitter.com/fmanimashaun)
- [LinkedIn](https://www.linkedin.com/in/fmanimashaun/)
- [Website](https://fmanimashaun.com)
- [Blog](https://blog.fmanimashaun.com)
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
Give a ⭐️ if you like this project!