Skip to content

A secure and user-friendly VaultCheck web application designed to help users create strong and valid passwords.

Notifications You must be signed in to change notification settings

iammuntazirali/VaultCheck

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

VaultCheck 🔐

A beautiful and interactive password validation tool that helps users create strong, secure passwords. VaultCheck provides real-time feedback on password strength and requirements, making it easy to create passwords that meet security standards.

✨ Features

  • Real-time Password Validation: Instant feedback as you type
  • Visual Requirements Tracking: Check marks show completed password criteria
  • Password Visibility Toggle: Show/hide password with eye icon
  • Modern Glass-morphism UI: Beautiful, responsive design with gradient backgrounds
  • Mobile Responsive: Works perfectly on all device sizes
  • Security Focused: Validates all essential password requirements

🔧 Password Requirements

VaultCheck validates passwords against industry-standard security criteria:

  • ✅ At least 10 characters long
  • ✅ At least 1 uppercase letter (A-Z)
  • ✅ At least 1 lowercase letter (a-z)
  • ✅ At least 1 special character (!@#$%^&*)
  • ✅ At least 1 number (0-9)

🚀 Getting Started

Prerequisites

  • A modern web browser (Chrome, Firefox, Safari, Edge)
  • No additional installations required!

Installation

  1. Clone or download this repository
  2. Open index.html in your web browser
  3. Start creating secure passwords!
# Clone the repository
git clone <your-repo-url>

# Navigate to the project folder
cd VaultCheck

# Open in browser
# Simply double-click index.html or serve with a local server

💻 Usage

  1. Open the VaultCheck application in your browser
  2. Type your password in the input field
  3. Watch as requirements are checked off in real-time
  4. Use the eye icon to toggle password visibility
  5. All requirements must be met for a strong password

🛠️ Technologies Used

  • HTML5: Semantic markup structure
  • CSS3: Modern styling with gradients and glassmorphism effects
  • Vanilla JavaScript: Real-time password validation logic
  • Font Awesome: Icons for enhanced UI
  • Feather Icons: Clean, lightweight icons
  • Google Fonts: Poppins font family

📱 Responsive Design

VaultCheck is fully responsive and includes:

  • Desktop-first design with sidebar navigation
  • Mobile-optimized layout with bottom navigation
  • Landscape mode support
  • Smooth animations and transitions

🎨 Design Highlights

  • Glassmorphism Effects: Modern glass-like container with backdrop blur
  • Gradient Backgrounds: Beautiful color transitions
  • Interactive Elements: Hover effects and smooth animations
  • Clean Typography: Readable fonts with proper spacing
  • Visual Feedback: Strike-through text for completed requirements

🔗 Social Links

Connect with the developer:

📄 File Structure

VaultCheck/
├── index.html          # Main HTML file
├── style.css           # Styling and responsive design
├── muntazirali.js      # Password validation logic
├── icon.png            # Favicon
└── README.md           # Project documentation

🤝 Contributing

Feel free to contribute to this project by:

  1. Forking the repository
  2. Creating a feature branch
  3. Making your improvements
  4. Submitting a pull request

📝 License

This project is open source and available under the MIT License.

🔮 Future Enhancements

  • Password strength meter
  • Copy to clipboard functionality
  • Password generation suggestions
  • Dark mode toggle
  • Multiple language support

Created with ❤️ by Muntazir Ali

About

A secure and user-friendly VaultCheck web application designed to help users create strong and valid passwords.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published