Password-Generator-using-Vite-React

This project is a password generator application built with Vite and React. It allows users to generate random passwords of varying lengths with options for including numbers and special characters.

Visit the Live Website

Password Generator Live Website

Screenshots and Demo

Video Demonstration: https://github.com/askgurdit/Password-Generator-using-Vite-React/assets/118066728/cd3f1085-f4fd-443e-b5de-1461a8bb28bc

Project Details

GitHub URL: Password Generator GitHub

Features

Generate random passwords of customizable lengths.
Option to include numbers and special characters in passwords.
Responsive design for usability on various devices.

Technologies Used

React: A JavaScript library for building user interfaces.
Vite: Next-generation frontend tooling for fast development.
Tailwind CSS: A utility-first CSS framework for rapid UI development.
JavaScript (ES6+): Modern JavaScript for logic implementation.
HTML5 and CSS3: Standard web technologies for structure and styling.

Installation

To run this project locally, follow these steps:

Clone the repository:

git clone https://github.com/askgurdit/Password-Generator-using-Vite-React.git

Navigate to the project directory:

cd Password-Generator-using-Vite-React

Install dependencies:

npm install

Run the development server:

npm run dev

Usage

Once the development server is running, open your browser and go to http://localhost:3000 to access the password generator. Customize the password length and options as needed, then generate passwords instantly.

Project Structure

Password-Generator-using-Vite-React/
│
├── public/
│   └── index.html
│
├── src/
│   ├── components/
│   │   └── PasswordGenerator.jsx
│   ├── assets/
│   │   └── screenshots/
│   │       └── home.png
│   ├── App.jsx
│   ├── index.jsx
│   └── styles/
│       └── tailwind.css
│
└── package.json

License

This project is licensed under the MIT License.

Contributing

Feel free to open issues or submit pull requests for any improvements or bug fixes.