SavePass banner

SavePass

16 devlogs
45h 26m 44s

A simple password manager that stores your passwords and TOTP codes in one place, with the ability to sync all your data securely across devices, including your phone.

This project uses AI

I used GitHub Copilot to help me fix error while implementing the build

Demo Repository

Loading README...

royaly

I added the possibility to add, manage a password, and a search bar to let the user search for a specific site or mail / username

Attachment
Attachment
Attachment
0
royaly

I added the Create card to set the master password and I also added the Check card to check if the provided password is the right password

Attachment
Attachment
0
royaly

I started the mobile app by creating a new branch with the template of React Native Reusables to use tailwinds CSS and shadcn in React Native. I also implemented the react-native-aes-crypto lib to encrypt user data. To store user data, I will use MMKV.

Attachment
Attachment
0
royaly

I added the possibility to recover deleted passwords and so continue to store them even if you delete them. I also reworked a little bit the setup sync modal to give more information about how to pair your devices

Attachment
Attachment
0
royaly

I added the possibility to search for a specific username, mail, or even a website name. I also improved the UX of the username/mail input where you can see your already saved username and mail.

Attachment
Attachment
0
royaly

Shipped this project!

Hours: 35.23
Cookies: 🍪 542
Multiplier: 15.37 cookies/hr

I finally finished it! I will continue to update it because some things are missing, like a search bar to search for a specific username or website. Also, I haven’t already done the mobile app (this app will come in the next weeks). I also have learned a ton of things about OPT code in general, I hope you find this app useful !

royaly

I have now finished the wall app, next is shipping it!

Attachment
0
royaly

The app will automatically update itself now, I also finished the readme and added flatpak, deb, and rpm in the build output

Attachment
Attachment
0
royaly

After being stuck for 2h on a bug that I resolved by adding a single “max-width”, I finally added the whole sync system, the UI is still very minimal but I’m going to rework it before shipping, I also started to refactor all the code, because I put like 90% of the frontend in a single app.tsx (yes seriously).

so in resume I finished implementing all features of the app, now I will polish it and make it more usable, I plan to ship it next week

Attachment
Attachment
Attachment
Attachment
0
royaly

I finally finished the backend for the sync system ! next, I will implement the UI to setup and manage sync in the frontend

Attachment
0
royaly

I added the possibility to import and export passwords and totp code. In the next days, I will implement the sync system to automatically sync all passwords and totp code between two devices.

Attachment
0
royaly

I did a little UI improvement (I switched to blue instead of green for default favicon background on password and totp) and I fully implemented totp code!
now I will add the settings section to let import/export app data and manage sync between devices (future feature)

Attachment
Attachment
0
royaly

I completely reworked how to put email and username, now it just shows already saved email / username. Also, I did a little UI improvement on the password card and started to implement OPT code saving.

Attachment
Attachment
0
royaly

I added the possibility du modify and delete saved password

Attachment
0
royaly

After passing 3 hours debugging CSS attributes and AES encryption problem, I finally added the possibility to add password !

Next, I am going to add the possibility to add mail account and after the OTP code

Attachment
Attachment
0
royaly

I finished the base, I added a cryptographic called CryptoJS to encrypt and decrypt passwords, etc.
I also implemented the contextBridge to communicate with the renderer process, the next step is to let the user manage his password

Attachment
0
royaly

After meny errors, I have finally set up the project
I am going to use electron with react, tailwindcss, and shadcn ui

Attachment
0