Gautami Blackbook
Gautami Blackbook
SUBMITTED BY
This is to certify that Ms. GAUTAMI BHASKAR PAGARE from PRAVIN PATIL COLLEGE OF
DIPLOMA ENGINEERING AND TECHNOLOGY institute having Enrollment no: 2205630199 has
completed PROJECT OF FINAL YEAR having title PASSHUB-A Secure Password Manager Using React
during the academic year 2024– 2025.
The project completed in a group consisting of three persons under the guidance of the faculty
Guide.
Project Members
1. Maseera Saldulkar
2. Anish Das
3. Gatami Pagare
I extend my deepest gratitude to our esteemed Principal, Mrs. R.B. Patil, for granting me the
invaluable opportunity to pursue my Diploma in the Information Technology department. I am also
profoundly thankful to our H.O.D., Mr. Nilesh Vispute, and the dedicated faculty of the department
for their unwavering support and guidance.
A special note of appreciation goes to my guide, Mr. Nilesh Vispute, whose insightful mentorship
and encouragement played a pivotal role in the successful completion of this project. Furthermore,
I am immensely grateful to my colleagues and friends, whose assistance and collaboration greatly
contributed to this endeavor.
Lastly, I wish to convey my heartfelt gratitude to my parents, teachers, and friends for their relentless
motivation, unwavering support, and invaluable guidance, all of which have been instrumental in
this achievement.
PROJECT MEMBERS
Maseera Saldulkar
Anish Das
Gautami Pagare
Abstract
In the digital age, managing passwords securely and efficiently has become a critical necessity.
PassHub is a robust password management application developed using React, designed to provide
users with a seamless and highly secure way to store, retrieve, and manage their credentials. The
application ensures the confidentiality of sensitive data by implementing strong encryption
mechanisms, safeguarding passwords from unauthorized access.
With an intuitive and user-friendly interface, PassHub enables users to generate strong passwords,
categorize them efficiently, and access them securely across multiple devices. The project leverages
modern web technologies, including React for a dynamic and responsive UI, along with secure
authentication and storage techniques to enhance reliability.
By addressing common security concerns such as weak password usage, data breaches, and
credential reuse, PassHub aims to offer a comprehensive solution for individuals and organizations
seeking to enhance their cybersecurity practices. This project demonstrates the effective integration
of cryptographic security, modern UI/UX principles, and React-based development to deliver a
secure and user-centric password management system.
Contents
1. Introduction................................................................................................................ 1
1.1 Current scenario................................................................................................... 3
1.2 Problems in existing system ................................................................................ 3
1.3 Solution................................................................................................................ 3
2. Literature Review ...................................................................................................... 4
3. Scope of the Project ................................................................................................... 7
4. Methodology .............................................................................................................. 8
4.1 Modules ............................................................................................................. 10
4.2 Hardware and Software Requirements .............................................................. 11
5. Designing ................................................................................................................. 12
5.1 Activity Diagram ................................................................................................ 14
5.2 Data Flow Diagram ............................................................................................ 16
5.3 System flowchart ............................................................................................... 17
6. Results and Applications ......................................................................................... 18
6.1 Results ............................................................................................................... 19
6.2 Applications ...................................................................................................... 23
7. Advantage and Disadvantages ................................................................................. 24
7.1 Advantages ........................................................................................................ 25
7.2 Disadvantages .................................................................................................... 25
8. Future scope ............................................................................................................. 26
9. Gantt Chart............................................................................................................... 28
10. Appendix ................................................................................................................ 30
10.1 Paper Published ................................................................................................ 31
10.2 Certificates .........................................................................................................36
11. Conclusion ............................................................................................................. 40
12. References & Bibliography .................................................................................... 41
12.1 References ....................................................................................................... 42
12.2 Bibliography .................................................................................................... 43
1. INTRODUCTION
1
1. Introduction to project
In today's digital landscape, individuals and organizations rely on numerous online platforms, each
requiring secure authentication. Managing multiple passwords efficiently while ensuring security
remains a major challenge, often leading to weak passwords, reuse of credentials, and susceptibility
to cyber threats. PassHub is a password management system developed using React, designed to
address these concerns by providing a secure, user-friendly, and efficient way to store and manage
passwords.
The project leverages advanced encryption techniques to protect user credentials from unauthorized
access while offering features such as password generation, categorization, and retrieval. With a
responsive and intuitive interface powered by React, PassHub ensures a seamless user experience,
enabling easy access to stored credentials across multiple devices.
Key Components:
• Front end - react
• Backend - java spring boot
• Database - MySQL
• Protection - 2fa verification
• Algorithm - bcrypt hashing algorithm
Core Features:
• Secure Local Storage: Passwords are stored in IndexedDB instead of LocalStorage to prevent
unauthorized script access.
• Role-Based Access Control (RBAC): Restricts user access based on defined permissions.
• Clipboard Auto-Clear: Automatically clears copied passwords after a few seconds to prevent
leaks.
2
1.1 Current scenario
With rising cyber threats, weak password practices, and frequent data breaches, secure password
management is essential. Many users struggle with remembering complex passwords or rely on
unsafe storage methods.
Challenges:
Increasing hacking & phishing attacks
Weak/reused passwords
Data breaches exposing credentials
Unsecured password storage
.
1.2 Problems in existing system
The primary problem in the existing PassHub password management system lies in its usability and
security limitations, which impact its overall effectiveness and user experience. Despite leveraging
WWPass technology for secure authentication, the system faces challenges such as limited
compatibility with browser-based password managers, issues with autofill functionality, and
difficulties in password recovery. Additionally, reliance on the WWPass Key App introduces
potential accessibility concerns, as users must manage a separate authentication method, which can
be inconvenient. The system also lacks seamless integration with third-party services, reducing its
interoperability with broader security ecosystems. Addressing these issues requires improving user
experience, enhancing compatibility with password managers, and ensuring a more intuitive
recovery process while maintaining strong security protocols.
1.3 Solution
To fortify existing passhub from attacks, by Enhancing Compatibility with Browser Password
Managers, Improving Autofill Functionality, Streamlining Password Recovery, Reducing
Dependence on WWPass Key App, Enhancing Third-Party Integration and Strengthening Security
Without Compromising Usability.
3
2. LITERATURE REVIEW
4
2. Literature Review
PassHub is a password management system that utilizes 2fa technology for secure authentication
and encrypted cloud storage. Unlike traditional password managers, it eliminates passwords in favor
of cryptographic authentication, reducing phishing risks.
Key Features:
Challenges:
• Usability Issues: Dependence on the WWPass Key App may be inconvenient for users unfamiliar
with it.
• Autofill & Compatibility Problems: Limited integration with browser-based password managers
affects user experience.
• Security Concerns: Centralized storage raises concerns about data breaches despite encryption.
While PassHub presents a strong security model, usability and integration improvements are needed
for wider adoption and effectiveness.
5
3. SCOPE OF THE PROJECT
6
3. Scope of Project
The scope of the PassHub project revolves around developing a secure and efficient password
management system that leverages WWPass cryptographic authentication to eliminate traditional
passwords. The project aims to provide users with a cloud-based platform for securely storing and
managing their credentials while ensuring strong encryption and authentication mechanisms.
A major focus of the project is enhancing security by implementing multi-factor authentication, zero-
knowledge encryption, and regular security audits to mitigate potential vulnerabilities. Additionally,
improving user experience is crucial, with efforts directed towards creating an intuitive UI/UX,
seamless browser autofill functionality, and alternative account recovery methods such as biometric
authentication and email-based recovery.
PassHub is designed to be accessible across multiple devices, ensuring a smooth experience for users
whether they access their credentials via web or mobile platforms. Furthermore, the project
emphasizes integration with third-party services, enabling enterprise adoption through API support.
Scalability is also a key consideration, ensuring that as the user base grows, the infrastructure
remains robust and efficient.
Overall, the project aims to balance security with usability, making password management both safer
and more convenient. By addressing existing challenges and incorporating modern authentication
technologies, PassHub seeks to be a reliable and future-ready password management solution.
7
4. Methodology
8
4. Methodology
The development of the PassHub project follows a structured methodology that ensures security,
usability, and efficiency. The approach consists of multiple phases, including research, design,
development, testing, and deployment, each contributing to a robust and scalable password
management system.
The project begins with a thorough requirement analysis, where existing password management
solutions are studied to identify their strengths and weaknesses. This involves user feedback
collection, competitive analysis, and security assessments to understand the needs and expectations
of potential users. Based on these insights, system architecture is designed, focusing on
cryptographic authentication mechanisms, secure password storage, and seamless user interaction.
During the design and development phase, PassHub is built using modern web technologies, with
React.js for the frontend and a secure backend that supports encrypted data storage. The WWPass
authentication system is integrated to replace traditional passwords, ensuring a higher level of
security. Special attention is given to ensuring smooth browser compatibility, autofill functionality,
and a user-friendly interface.
Once the core features are implemented, security and functional testing is conducted. This includes
penetration testing to identify vulnerabilities, usability testing to ensure a smooth user experience,
and performance testing to optimize response times. The system undergoes multiple iterations based
on feedback to enhance security measures, improve efficiency, and address any identified issues.
Finally, the project moves to the deployment and maintenance phase, where the platform is launched
and continuously monitored for security threats, performance issues, and user concerns. Regular
updates, security patches, and user support mechanisms are implemented to keep the system secure
and up to date.
9
Modules :-
Creating of Application:
• User Authentication: Users should be able to sign in and manage their passwords.
• Password Storage: Securely store passwords (localStorage, Firebase, or a backend database).
• Encryption: Ensure passwords are stored securely using encryption.
• CRUD Operations: Users can add, edit, and delete saved passwords.
• Copy to Clipboard: Quick copying of passwords for convenience.
10
4.1 Hardware and Software Requirements:
Hardware:
Processor: Intel i5 (or equivalent) and above
RAM: 8GB minimum (16GB recommended for smooth performance)
Storage: 20GB free space (for dependencies, project files, and caching)
Software:
11
5. Designing
12
5. Designing:-
13
5.1 Class Diagram
14
5.2 ER Diagram
15
SWIMLANE DIAGRAM FOR PASSHUB (PASSWORD MANAGEMENT)
16
5.3 Sequence Diagram
17
6. Results and Applications
18
6. Results and Applications
6.1 RESULTS:
CODE:
Email Controller.java code
package com.aro.Controller; this.jwtService = jwtService;
this.otpService = otpService;
import com.aro.Entity.OTP; this.userService = userService;
import com.aro.Service.EmailService; }
import com.aro.Service.JwtService;
import com.aro.Service.OTPService; @PostMapping("/generateOtp")
import com.aro.Service.UserService; public ResponseEntity<String>
import io.jsonwebtoken.Claims; getOtp(@RequestHeader("Authorization")
import String authHeader) {
org.springframework.beans.factory.annotation. if (authHeader == null ||
Value; !authHeader.startsWith("Bearer")) {
import return
org.springframework.http.ResponseEntity; ResponseEntity.badRequest().body("Invalid
import Authorization header");
org.springframework.stereotype.Controller; }
import
org.springframework.web.bind.annotation.*; String token = authHeader.substring(7);
String email =
@Controller jwtService.extractSubject(token);
@RequestMapping("/api")
public class EmailController {
try {
// so i think @Value does not inject the emailService.sendEmailOtp(email,
application.properties values into the Controller token);
annotated class return ResponseEntity.ok("Successfully
private final String devOtp = sent the email");
String.valueOf(234123); } catch (Exception e) {
// final keyword is used to restrict e.printStackTrace();
modifications to variables, methods, and return
classes ResponseEntity.badRequest().body(e.getMessa
ge());
private EmailService emailService; }
Outputs:
22
23
24
Test Cases:-
26
TD7 - Auto Logout After Inactivity:
• Test Condition: The system should log out the user after a period of inactivity.
• Test Steps:
• User logs in successfully – YES
• User remains idle for a predefined time (e.g., 5 minutes) – YES
• System triggers an automatic logout – YES
• User must re-enter credentials to access the system – YES
• Expected Result: User session expires, requiring re-login after inactivity.
• Actual Result: User session expires, requiring re-login after inactivity.
• Status: PASS
27
6.2 APPLICATIONS
1. Personal Use
Secure Password Storage – Users can store and manage multiple passwords in one place.
Auto-Fill & Copy to Clipboard – Helps in quickly filling login credentials.
Strong Password Generation – Generates random, strong passwords for better security.
Team Password Sharing – Companies can securely share login credentials with employees.
Access Control & Permissions – Admins can control who can access certain credentials.
Audit Logs & Security Monitoring – Keeps track of password usage and security breaches.
Integration with Cloud Services – Stores and syncs passwords across multiple devices.
Browser Extensions – Auto-fills passwords on login forms.
Cross-Platform Support – Works on web, mobile, and desktop.
API Key & Credential Management – Securely stores API keys and SSH credentials.
Encrypted Storage for DevOps – Helps teams manage environment secrets securely.
CI/CD Pipeline Security – Protects credentials used in automated deployments.
28
7. Advantages
and Disadvantages
29
7. Advantages and Disadvantages
7.1 Advantages:
A password manager like PassHub offers several benefits for individuals and businesses. Here are the
key advantages:
1. Enhanced Security
✅ Encryption of Passwords – Uses AES or other encryption methods to securely store passwords.
✅ Prevents Password Reuse – Encourages users to use strong, unique passwords for each account.
✅ Protection Against Phishing – Autofill features reduce the risk of entering passwords on fake
websites.
✅ Alerts for Weak or Compromised Passwords – Warns users about weak passwords.
✅ Dark Web Monitoring – Detects if credentials are leaked online (in advanced versions).
✅ Two-Factor Authentication (2FA) Support – Adds an extra layer of protection.
✅ Cloud Syncing for Data Safety – Prevents data loss due to device failure.
✅ Offline Access – Some password managers allow offline access for emergencies.
30
7.2 Disadvantages:
All Passwords in One Place – If the master password is compromised, all stored passwords
are at risk.
Hacking Target – Hackers may target password managers to gain access to multiple accounts.
No Recovery Option (If Not Cloud-Based) – If a user forgets the master password and
there’s no recovery option, access to all passwords is lost.
Premium Features Require Payment – Some advanced features (syncing, dark web
monitoring, etc.) are only available in paid plans.
Expensive for Businesses – Companies with many employees might have to pay high licensing
fees.
❌ Not All Apps & Websites Support Auto-Fill – Some websites may block password
managers from auto-filling credentials.
❌ Browser & OS Limitations – Some password managers work better on specific browsers or
operating systems.
❌ Migration Issues – Moving from one password manager to another can be complex.
31
8. Future Scope
32
1. Future Scope
The future of PassHub, or any password manager, is closely tied to advancements in cybersecurity,
artificial intelligence, and user authentication technologies. As cyber threats evolve, password
managers will need to adapt, offering stronger security measures and better user experiences.
One major area of growth is passwordless authentication. With the rise of biometric authentication
(fingerprint, facial recognition) and passkeys, traditional passwords may become less necessary.
Future versions of PassHub could integrate FIDO2 authentication, allowing users to log in without
needing to remember passwords at all.
Another key development will be AI-powered security monitoring. Machine learning can help detect
unusual login patterns, identify weak or compromised passwords, and even suggest stronger
alternatives. Dark web monitoring could become more advanced, alerting users in real-time if their
credentials are leaked.
Cloud security will also play a big role in the future of PassHub. As more people rely on multi-
device access, password managers will need to ensure seamless, end-to-end encrypted syncing
across devices while maintaining privacy. Zero-knowledge encryption (where even the provider
can’t access user data) will likely become a standard.
For businesses, PassHub could evolve into an enterprise-grade identity management tool, integrating
with company workflows to manage employee access securely. Features like role-based access
control (RBAC) and secure credential sharing could help businesses manage sensitive information
more effectively.
Lastly, with growing concerns about quantum computing, future password managers may need to
adopt quantum-resistant encryption algorithms to ensure long-term security.
In summary, the future of PassHub lies in enhanced security, AI-driven automation, and a shift
towards passwordless authentication, making it a more seamless and secure experience for both
individuals and businesses.
33
9. Gantt Chart
34
2. Gantt Charts
35
10. Appendix
36
10.1 Paper Published:
37
38
39
40
41
10.2 Certificates:
42
11. Conclusion
43
11. Conclusion
PassHub, as a password manager, is designed to provide users with a secure, convenient, and
efficient way to store and manage their credentials. With features like strong encryption, multi-
device syncing, two-factor authentication, and password auto-fill, it enhances both security and
usability.
While there are some challenges, such as potential data breaches, single-point-of-failure risks,
and dependency on software, these can be mitigated through zero-knowledge encryption,
biometric authentication, and AI-powered security monitoring.
Looking ahead, the future of PassHub lies in passwordless authentication, AI-driven security
alerts, and quantum-resistant encryption, making it an even more reliable and future-proof
solution for both individuals and businesses.
With the increasing number of cyber threats, tools like PassHub play a crucial role in helping users
maintain strong digital security while simplifying access to their online accounts.
44
12. References & Bibliography
45
12.1 References:
1. Menezes, A. J., van Oorschot, P. C., & Vanstone, S. A. (1996). Handbook of Applied
Cryptography. CRC Press.
2. Dworkin, M. J. (2001). Recommendation for Block Cipher Modes of Operation: Methods and
Techniques (NIST Special Publication 800-38A). National Institute of Standards and Technology.
3. Burr, W. E., Dodson, D. F., & Polk, W. T. (2006). Electronic Authentication Guideline (NIST
Special Publication 800-63). National Institute of Standards and Technology.
4. Provos, N., & Mazieres, D. (1999). Bcrypt Algorithm for Secure Password Hashing. USENIX
Association.
5. Rivest, R. L. (1992). The MD5 Message-Digest Algorithm (RFC 1321). Internet Engineering
Task Force (IETF).
7. Rescorla, E. (2000). SSL and TLS: Designing and Building Secure Systems. Addison-Wesley
Professional.
9. Shamir, A. (1979). How to Share a Secret. Communications of the ACM, 22(11), 612–613. 10.
10.Katz, J., & Lindell, Y. (2007). Introduction to Modern Cryptography. CRC Press.
11. Google Developers. (2020). OAuth 2.0 for Web Server Applications. Retrieved from
https://developers.google.com/identity/protocols/oaut h2
12. OWASP Foundation. (2021). OWASP Top 10: The Ten Most Critical Web Application Security
Risks. Retrieved from https://owasp.org/www-project-topten/
13. PostgreSQL Global Development Group. (2020). PostgreSQL Documentation: Security and
Authentication. Retrieved from https://www.postgresql.org/docs/ 14. ISO/IEC 27001:2013.
Information Security Management Systems — Requirements. International Organization for
Standardization. 15. MySQL Documentation Team. (2020). MySQL 8.0
46
12.2 Bibliography
https://arxiv.org/pdf/2101.05084.pdf
https://www.nist.gov/speech-testimony/facial-recognition-technology- frt-0
https://arxiv.org/abs/2212.13038
https://github.com/ageitgey/face_recognition
https://github.com/minivision-ai/Silent-Face-Anti-
Spoofing/blob/master/README_EN.md
47