PassGen | Secure Password Generator Tool

PassGen | Secure Password Generator Tool

A modern password generator that helps users create strong, secure, and customizable passwords instantly. Features include adjustable password length, character selection, and one-click copy functionality for enhanced security and convenience.

ViteReactJavascriptTailwind CSSFramer MotionReduxLucide React

Project Overview

PassShield runs entirely in the browser using the native Web Crypto API for client-side cryptographic security. Users can generate strong passwords with customizable length, symbols, numbers, and case rules, analyze password entropy, and copy credentials instantly.

Key Features

Cryptographically secure pseudo-random password generation via Web Crypto API

Customizable rules: length slider (4 to 64 chars), uppercase, lowercase, numbers, and symbols

Real-time password strength meter based on entropy calculations

One-click copy to clipboard with instant visual feedback toast

Local session history for recently generated passwords (stored safely in memory)

Pronounceable and easy-to-read password preset options

Zero backend dependencies: 100% client-side, offline-ready, and private

Sleek, fully responsive UI with dark and light theme toggle support

Challenges & Solutions

Standard `Math.random()` isn't cryptographically secure for password generation. Solved this by utilizing browser-native `window.crypto.getRandomValues()` to guarantee true randomness. Implemented entropy algorithms to evaluate password strength accurately without transmitting data anywhere.