A modern web app for generating secure passwords with an intuitive interface and support for multiple languages including Ukrainian and English.
- 🔒 Secure password generation – uses cryptographically strong algorithms
- 🌍 Multi-language support – Ukrainian, English, Spanish, French, German, Italian, Portuguese, Russian, Chinese, Japanese, Polish
- 📊 Password strength analysis – shows estimated crack time using zxcvbn
- 🎛️ Flexible settings – password length from 4 to 100 characters
- 🔢 Character selection – uppercase/lowercase letters, numbers, special symbols
- 📋 Bulk operations – generate and copy multiple passwords
- 💾 Export passwords – download passwords as a text file
- 🎉 Reward animations – confetti effects for copy/download actions
- 📱 Responsive design – works on all devices
- ⚡ Fast performance – instant password generation
- 🍪 Cookie consent – GDPR compliant cookie management
- 📈 AdSense integration – smart ad display with fallback handling
- 🎯 SEO – SEO optimized password app
- Node.js 16.0 or higher
- npm or yarn
- Clone the repository
git clone https://github.com/your-username/password-generator.git
cd password-generator- Install dependencies
npm install- Start the development server
npm run dev- Open in your browser
http://localhost:5173
- Frontend: React 18 with Vite
- UI Framework: Material-UI (MUI) v5
- Styling: Tailwind CSS
- Routing: React Router v6
- Password Analysis: zxcvbn
- SEO: React Helmet Async
- Build Tool: Vite
- Ad Integration: react-adsense
- Reward Animations: react-rewards
- Cookie Management: vanilla-cookieconsent
- Analytics: Google Tag Manager, Vercel Analytics
src/
├── components/
│ ├── Advertising/
│ │ ├── Adbanner.jsx # Main ad banner component
│ │ ├── AddbannerSecond.jsx # Secondary ad banner
│ │ └── SmartAdBanner.jsx # Smart ad banner with fallback
│ ├── CookieConsent/
│ │ ├── CookieConsent.tsx # Cookie consent component
│ │ └── CookieConsentConfig.ts # Cookie consent configuration
│ ├── Header.jsx # Header with language switcher
│ ├── Footer.jsx # Site footer
│ ├── SeoText.jsx # SEO text content
│ ├── HowToUse.jsx # Usage instructions
│ ├── AboutUs.jsx # About us section
│ └── SeoList.jsx # SEO list content
├── functions/
│ ├── RankColor.js # Password strength color functions
│ └── GetStrengthWord.js # Password strength word functions
├── utils/
│ └── languageUtils.js # Language utility functions
├── images/ # Images and icons
├── App.jsx # Main component with routing
├── GeneratePassword.jsx # Main password generator component
└── index.js # Entry point
- Select password length (4-100 characters)
- Choose the number of passwords to generate
- Check the character types you want:
- A-Z – uppercase letters
- a-z – lowercase letters
- 0-9 – numbers
- #$% – special symbols
- The app automatically analyzes the strength of each password
- Shows the estimated time to crack using zxcvbn
- Color-coded strength indicators
- Copy – copies a single password (triggers confetti animation)
- Copy all – copies all generated passwords (triggers balloons animation)
- Download all – saves passwords to a text file (triggers emoji animation)
REACT_APP_GTM_ID=YOUR_GTM_ID # Google Tag Manager ID- Publisher ID:
YOUR_ADSENSE_PUBLISHER_ID - Smart ad handling with fallback content
- Development mode detection
- Ad blocker detection
- development – development mode (ads disabled)
- production – production mode with ads
The app features a reward animation system that triggers on user actions:
- Confetti animation when copying individual passwords
- Balloons animation when copying all passwords
- Emoji animation when downloading passwords
- Smart button blocking during animations to prevent spam
The app is fully responsive and works on:
- 📱 Mobile phones
- 📱 Tablets
- 💻 Desktop computers
- 🖥️ Large monitors
- Meta tags for each language
- Structured data
- Optimized headings
- Fast loading with Vite
- Hreflang tags for international SEO
- Passwords are generated locally in the browser
- No data is sent to the server
- Uses cryptographically strong algorithms
- Real-time strength analysis with zxcvbn
Our password generator complies with the highest international security standards:
- NIST Special Publication 800-63B - Gold standard for digital identity authentication
- Cryptographically secure random number generation
- Meets highest security requirements for password generation
- Used by government agencies and financial institutions worldwide
- Payment Card Industry Data Security Standard (PCI DSS) compliance
- Highest level of security for financial transactions
- Protection of sensitive data according to banking standards
- Used by banks and financial institutions globally
- HTTPS encryption for all data transmission
- No password storage - passwords are never stored on servers
- Regular security audits and updates
- GDPR compliance and privacy standards adherence
- Real-time security analysis with industry-standard tools
- Trusted by financial institutions
- Meets government security requirements
- Compliant with international privacy regulations
- Recommended for enterprise use
- Google Tag Manager for tracking
- Vercel Analytics for performance monitoring
- Google AdSense integration with smart fallback
- Feature usage analytics
- Error tracking
GA4 setup: set
NEXT_PUBLIC_GA_ID=G-XXXXXXXXXXin your.env.local(or Vercel → Project Settings → Environment Variables) and redeploy; social share and password actions are tracked via gtag events.
- GDPR compliant cookie consent
- Multi-language cookie banners
- Configurable cookie categories
- Automatic language detection
- Fork the repository
- Create a branch for your feature (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License. See the LICENSE file for details.
If you have questions or issues:
- Create an Issue on GitHub
- Send a direct message on GitHub
- If you find the project useful — please ⭐ star the repository!
- zxcvbn – for password strength analysis
- Material-UI – for UI components
- Tailwind CSS – for styling
- React – for the framework
- Vite – for fast build tooling
- react-rewards – for reward animations
- vanilla-cookieconsent – for cookie management
Made with ❤️ to keep your accounts secure