Activity

royaly

Now the app will constantly running in background when you close the window (so you don’t need to restart it manually all the time just to get one password), I added a “tray” (the little icon in your taskbar) to let you reopen, quit or make the app start on startup. I also started to optimize the app because the sync system is very slow and a little buggy sometimes

Attachment
0
royaly

I just added the possibility to delete your vault if you want, I also added a popup to let you know that the firewall can cause sync problems. I also fixed a lot of typescript problems.

Attachment
Attachment
0
royaly

The PC app is now fully compatible with the web extension. I added a security check to let only requests made by the local IP to be processed to prevent unauthorized access because this route is only for the web extension. I also fixed some bugs with the extension

Attachment
0
royaly

I fully finished the extension. it works on both Chromium-based browsers and Firefox. It remains to update the PC app to make it compatible with the extension

Attachment
0
royaly

I have set up the base for the web extension. It will work both for Firefox and chromium based browsers. I also tested some things that I’m going to use for this extension.

Attachment
0
royaly

I fixed a lot of bugs related to the sync between two devices because the react-native-rsa-native and react-rsa lib have two ways of functioning. I also reworked the user parkour when it came to setting up the sync system. Now the old way to add a device is still here, but now when you wait to be paired with a device, all devices that receive this message will display an alert box to say “hey, do you want to pair with this device?”, so now it’s simpler to sync with another device

Attachment
Attachment
1

Comments

TGA25
TGA25 14 days ago

Nice! Keep going!

royaly

The RSA encryption is now used on the mobile version as well ! As on the PC app, now all the sync system is using RSA to truly make the sync system secure. To use RSA in React Native I use react-native-rsa-native, I also learned a lot of things about the RSA padding because one of the biggest issues in the migration was that node-rsa and react-native-rsa-native are not using the same padding by default

Attachment
0
royaly

I completely reworked the security in the desktop app ! now all communication with the sync system is completely encrypted using AES and RSA (like https), I use CryptoJS for AES (the same I use for the local stored data) and node-rsa for the RSA, also now while you add, edit or delete something it’s instantly synced with all your devices, the only drawback of this implementation of RSA is that because RSA is very slow, it takes now 5s per device compared to before where it takes only 1s

Attachment
Attachment
0
royaly

I added the possibility to add a password without providing the URL on both PC and Mobile, you can now save your gmail account more simply for example

Attachment
0
royaly

Shipped this project!

Hours: 23.39
Cookies: 🍪 593
Multiplier: 25.34 cookies/hr

I finally finished the whole project ! I do the mobile app using the “React Native Reusables” template that uses React Native with Expo (including tailwindsCSS and shadcnUI). I learned a lot of things about using React Native to build Android app, but here is the main change in this update:

  • You can now search (by mail / username or by website name) both on the desktop and mobile app
  • You can now use SavePass on your phone !
royaly

I do all the CI:CD to auto build the mobile app and now it works !
I finished the mobile app and updated the readme with a new mockup to visually present the app on mobile and PC, next is shipping it!

Attachment
Attachment
0
royaly

You can now import and export your data on the settings tab ! at the same place you can also recover your old deleted passwords.

Attachment
Attachment
Attachment
0
royaly

I added an unified password input with password generation, I also fixed a little UI color issue in dark mode and added an alert on the check password modal to let know if the provided password is right

Attachment
Attachment
Attachment
0
royaly

I finished the sync system for the mobile app, now while you unlock your vault, the sync system will search for devices with the “Bonjour” protocol and sync with them if you are paired with them.

Next I will add the ability to view password in the password field (with an eye icon). I am also going to add some alerts like when you don’t provide the correct password to unlock your vault because currently you have no indication on the check modal.

Attachment
0
royaly

Firstly, I completely forgot to do a devlog between the two features I’m going to present you.

SO I added the TOTP (authenticator) side to let you scan QR code to add an authenticator code to the app. Then, all the codes are generated using otplib to get the 6 numbers of the code. You can also delete and search by provider / name if you want.

Next I just finished the settings menu UI with buttons to let you import / export your data, also to recover past deleted passwords. I also started to work on the sync modal (to let you sync with other devices), the last thing I need to do is the backend for the settings side.

Attachment
Attachment
Attachment
Attachment
Attachment
0
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 have setup the base project and I will make this mod for Fabric 1.20.1

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