Random Password Generator banner

Random Password Generator

Created by: Dushyant Acharya
2 devlogs
6h 35m 38s

A sleek and interactive web application that instantly creates highly secure, customizable passwords. It features a dynamic security strength indicator, local storage to remember your recent password history, a show/hide visibility toggle, and one…

A sleek and interactive web application that instantly creates highly secure, customizable passwords. It features a dynamic security strength indicator, local storage to remember your recent password history, a show/hide visibility toggle, and one-click clipboard copying. Built entirely from scratch with HTML, CSS, and Vanilla JavaScript, it also includes a custom “antigravity” mouse-reactive particle background with explosive burst animations whenever a new password is generated. Also the hide and see button is there only to tell people that this is the section of visible password all the passwords are stored below and the person can easily copy it and paste it somewhere else.

This project uses AI

I used Gemini to help expand the application’s complex JavaScript functionality—specifically assisting with the logic for the persistent localStorage password history tracker, the password visibility toggle, and the math for the “antigravity” background particle physics and burst animations. Also the README.md file is generated by ai for Github.

Demo Repository

README

Loading README...
Dushyant Acharya
Dushyant Acharya shipped Random Password Generator
1 day ago

Shipped this project!

Hours: 6.59
Cookies: 🍪 13
Multiplier: 2.03 cookies/hr

I built a sleek, fully interactive Random Password Generator! I wanted to make a tool that was actually fun to use instead of just a boring form. It lets you customize your password length (up to 32 characters) and automatically saves your last 10 passwords in your browser using localStorage so you don’t lose them.

The hardest part was definitely coding the custom “antigravity” particle background from scratch in Vanilla JS. Getting the particles to organically react to the mouse and triggering a physics “burst” effect exactly when you click the generate button took a lot of trial and error with math and canvas rendering. Really happy with how the glassmorphism UI and the animations turned out together! :)

Dushyant Acharya
Dushyant Acharya worked on Random Password Generator
1 day ago
0h 16m logged

Over this session (about 6 hours), I built the entire Antigravity Password Generator from the ground up using HTML, CSS, and Vanilla JavaScript. I started by writing the core generation engine, hooking up the slider for password length and the toggles for uppercase, lowercase, numbers, and symbols. I also built out the modern glassmorphism UI and a dynamic security strength indicator.

The most fun part was spending time coding the custom “antigravity” particle physics engine for the background. It features characters that react to your mouse movements, and whenever you generate a new password, it triggers a satisfying particle burst effect! Finally, I integrated browser localStorage to safely save the last 10 generated passwords locally so you never accidentally lose a good password.

Attachment
0
Dushyant Acharya
Dushyant Acharya worked on Random Password Generator
1 day ago
6h 19m logged

Over this session (about 6 hours), I built the entire Antigravity Password Generator from the ground up using HTML, CSS, and Vanilla JavaScript. I started by writing the core generation engine, hooking up the slider for password length and the toggles for uppercase, lowercase, numbers, and symbols. I also built out the modern glassmorphism UI and a dynamic security strength indicator.

The most fun part was spending time coding the custom “antigravity” particle physics engine for the background. It features characters that react to your mouse movements, and whenever you generate a new password, it triggers a satisfying particle burst effect! Finally, I integrated browser localStorage to safely save the last 10 generated passwords locally so you never accidentally lose a good password.

Attachment
2

Comments

tzunemain
tzunemain 1 day ago

i love this and id probably use this myself actually, i think a fun option would be creating a unique password based off of the passwordgame(by neal.fun)

Dushyant Acharya
Dushyant Acharya 1 day ago

I tried my best to make this lets see what it impact in other lives :)