Password Manager SPA
COMP1004 • Single Page Application • Browser-based password manager built with plain HTML, CSS, and JavaScript
Vanilla JavaScript SPAJSON + localStorage persistenceLogin/signup validation
Custom password generatorReal-time health checker
Overview
I designed and built this password manager as a full browser-based SPA, implementing signup/login, password generation, password saving with metadata, and real-time password health feedback. The app was developed iteratively using an SDLC approach and refined through testing, reflection, and interface improvements.
My contribution, decision, and outcome
- Contribution: Implemented the SPA end to end, including account creation/login validation, custom password generation controls, password saver flows, and a live health checker that evaluates complexity rules as the user types.
- Technical decision: After removing backend integration to meet module constraints, I redesigned the architecture as fully client-side and used JSON structures in
localStorage(with base64 obfuscation) to manage per-user password data. - Outcome/result: Delivered a complete working build with core features intact, tested for performance/accessibility/mobile responsiveness, and verified across Chrome, Edge, and Firefox.
- Reflection: The project strengthened my ability to work with structured JSON data and modular front-end architecture under changing technical constraints.