LouanBen / wordle-fr

"Le Mot" un Wordle en français.
https://wordle.louan.me
GNU General Public License v3.0
127 stars 40 forks source link

Added import/export buttons (beta feature) #56

Closed richie3366 closed 2 years ago

richie3366 commented 2 years ago

From the settings modal, users will be able to export their data into a base64 string, send that string to a new device, and paste it after clicking the import button.

Since the style/design is not final and could be improved, I made sure it would only appear when the user adds "/#beta" into the URL.

I implemented a simple checksum to detect & prevent data corruption, and I also added a data structure version to make sure it won't import outdated/obsolete data from a very old version of the app.

How to test it? Open the preview on two different browsers (OR one in normal browsing mode, the other in private browsing mode, OR through two different browser profiles). Make sure some data is present in the first browser, add "/#beta" into the URL, open the settings modal. Click the "Export" button, close the alert message. Go on the other browser, add "/#beta" into the URL, open the settings modal, click the "Import" button. Paste the content, close the confirm message. Tada! The grid should contain your last game, and the stats should be the same as your other session.

netlify[bot] commented 2 years ago

Deploy Preview for wordle-fr-louan ready!

Name Link
Latest commit cb842ea9a854906ed79b87106cb1c38729bac74f
Latest deploy log https://app.netlify.com/sites/wordle-fr-louan/deploys/625d4a04a9255400088dbeba
Deploy Preview https://deploy-preview-56--wordle-fr-louan.netlify.app/
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.