Skip to content

CyberKeyGen is a modern, secure password generator that helps you create strong, unique passwords for your accounts. Built with React and TypeScript, it offers a beautiful, responsive interface with advanced security features and real-time password strength analysis.

License

Notifications You must be signed in to change notification settings

karthik558/CyberKeyGen

Repository files navigation

CyberKeyGen

CyberKeyGen

Advanced Password Generator & Security Tool

License Website GitHub

About the Project

CyberKeyGen is a modern, secure password generator that helps you create strong, unique passwords for your accounts. Built with React and TypeScript, it offers a beautiful, responsive interface with advanced security features and real-time password strength analysis.

Project Status

Current Version: 4.0.0

Feature Status
Core Generator
Password Strength
Dark Mode
Mobile Support
PWA Support
Browser Extension

Features

  • 🔐 Advanced Security

    • Cryptographically secure random number generation
    • Real-time password strength assessment
    • Time-to-crack estimation
    • Password history management
    • Pronounceable password generation 🆕
    • PIN code generation (4-12 digits) 🆕
  • 🎨 Modern Interface

    • Clean, intuitive user interface
    • Dark/Light theme support
    • Responsive design for all devices
  • ⚙️ Customization Options

    • Password length (8-128 characters)
    • Character type selection
      • Uppercase letters (A-Z)
      • Lowercase letters (a-z)
      • Numbers (0-9)
      • Special characters (!@#$%^&*)
    • Exclude ambiguous characters
  • 🔄 Additional Features

    • Password history tracking (saved locally)
    • Password categories
    • Security tips and recommendations
    • Progressive Web App (PWA) support
    • Share passwords via QR code
    • Keyboard shortcuts for quick access
    • Browser extension for quick access 🆕

Screenshots (Web Interface)

CyberKeyGen Main Interface Light CyberKeyGen Main Interface Dark
Light Mode Dark Mode

Screenshots (Browser Extension)

CyberKeyGen Extension Light Mode CyberKeyGen Extension Dark Mode
Light Mode Dark Mode

Screenshots (Context Menu)

CyberKeyGen Context Menu

Context Menu for Quick Password Generation

Usage

  1. Access the Generator

  2. Configure Password Settings

    • Set desired password length using the slider
    • Select character types to include
    • Enable/disable additional options
    • Choose between random or leet speak generation
  3. Generate & Copy

    • Click "Generate Password"
    • Use the copy button to copy to clipboard
    • Check password strength indicator
    • Save to history if needed

Contributing

We welcome contributions! Here's how you can help:

  1. Fork the Repository

    git clone https://github.com/karthik558/CyberKeyGen.git
  2. Create a Branch

    git checkout -b feature/YourFeature
  3. Make Changes

    • Write clean, documented code
    • Follow existing code style
    • Add tests if applicable
  4. Submit a Pull Request

    • Describe your changes in detail
    • Link any related issues

Web Technology

  • Frontend Framework: React with TypeScript
  • Styling: Tailwind CSS
  • UI Components: Shadcn/ui
  • State Management: React Hooks
  • Build Tool: Vite
  • Package Manager: npm/yarn
  • Extension Development: Chrome Extension APIs, WebExtension APIs, Manifest V3

Browser Extension

The CyberKeyGen browser extension brings the password generator functionality directly to your browser, allowing you to quickly generate and use secure passwords while browsing the web.

Extension Features

  • Quick Password Generation: Generate passwords with a single click
  • Multiple Password Types: Random passwords, pattern-based passwords, and PINs
  • Direct Form Filling: Fill passwords directly into login forms
  • Password History & Favorites: Track and save your passwords
  • Keyboard Shortcuts: Generate passwords with Alt+Shift+G and open popup with Alt+P
  • Dark/Light Mode: Choose your preferred theme

Installation

Manual Installation (Developer Mode)

  1. Download the extension from the Release Page
  2. Extract the downloaded zip file to a folder named browser extension (or any name you prefer)
  3. Open Chrome and navigate to chrome://extensions/
  4. Enable "Developer mode" in the top-right corner
  5. Click "Load unpacked" and select the browser extension folder

Quick Testing (Optional)

Run the test script to build the extension package:

bash test-extension.sh

The packaged extension will be available in the dist directory.

Version Management & Release (For developers)

To update the extension version:

# Update patch version (1.0.0 -> 1.0.1)
npm run version:patch

# Update minor version (1.0.0 -> 1.1.0)
npm run version:minor

# Update major version (1.0.0 -> 2.0.0)
npm run version:major

License

This project is licensed under the MIT License - see the LICENSE file for details.


⭐ Star us on GitHub — it motivates me a lot!

Report BugRequest Feature

About

CyberKeyGen is a modern, secure password generator that helps you create strong, unique passwords for your accounts. Built with React and TypeScript, it offers a beautiful, responsive interface with advanced security features and real-time password strength analysis.

Topics

Resources

License

Stars

Watchers

Forks