https://github.com/ndenicolais/react-password-generator
Password Generator based on React with the integration of React Router
https://github.com/ndenicolais/react-password-generator
font-awesome password-generator react react-router toastify
Last synced: 2 months ago
JSON representation
Password Generator based on React with the integration of React Router
- Host: GitHub
- URL: https://github.com/ndenicolais/react-password-generator
- Owner: ndenicolais
- Created: 2022-06-15T12:55:43.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2022-06-23T14:25:58.000Z (about 4 years ago)
- Last Synced: 2025-03-28T00:46:11.981Z (about 1 year ago)
- Topics: font-awesome, password-generator, react, react-router, toastify
- Language: JavaScript
- Homepage:
- Size: 271 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Password Generator
> Author: Nicola De Nicolais
This code represents a Password Generator created with React with the addition of React Router.
## 💻 Technologies used
[
](https://reactjs.org/)
React.js is a JavaScript library for creating user interfaces specific to single-page applications. It allows developers to create large web applications that can modify data without having to reload the page every time.
[
](https://reactrouter.com/)
React Router is a complete JavaScript routing library that allows you to manage paths within a web application using so-called dynamic routing. It allows navigation between sections of various components in React applications and allows you to change the URL of the browser while keeping the user interface synchronized with the URL.
### Installation
```
npm install react-router-dom
yarn add react-router-dom
```
[
](https://fkhadra.github.io/react-toastify/introduction)
React-Toastify allows you to add notifications to your app in an easy way.
### Installation
```
npm install --save react-toastify
yarn add react-toastify
```
[
](https://fontawesome.com/)
Font Awesome is the Internet's icon library and toolkit.
### Installation
```
npm install --save font-awesome
yarn add font-awesome
```
## 🛠️ Installation Steps
1) Clone this repository from GitHub
```
git clone https://github.com/ndenicolais/react-password-generator
```
2) Change the working directory
```
cd react-password-generator-main
```
3) Install dependencies
```
npm install
yarn
```
4) Run the application in developer mode
```
npm start
yarn start
```
5) Open [http://localhost:3000](http://localhost:3000) to view the application in the browser
## ⚙️ Customization
Customize the aspect of React-toastify according to your preferences by editing these parameters:
📄 App.js file in 📂 src
|Parameter|Description|
|-|-|
|position|position of the toast|
|autoClose|delay in ms to close the toast. If set to false the notification needs to be closed manually|
|hideProgressBar|display or not the progress bar below the toast(remaining time)|
|newsOnTop|display newest toast on top|
|closeOnClick|dismiss toast on click|
|pauseOnHover|keep the timer running or not on hover|
|draggable|allow toast to be draggable|
|progress|show a progress bar|
```
In this list there are only the parameters that i've used in the code.
For all parameters see React-toastify's documentation.
```