🎨 WDC #10 Can you re-create Randall's password generator?

[tatiang]

No, I chose not to share the project. If you’d like it, I can PM you the link.

[tatiang]

@manyone, I got your PM and I’ll reply later.

As for your question about which API or web service I used to encode the messages… I didn’t. I built that myself.

All of the encoding and decoding happens within the app using Thunkable blocks. The only thing I did externally — and only once, hard-coded into the app — was to scramble the sequence of letters, etc. Once that was set, I just get a random starting point in that scrambled sequence and use that to map each letter of the message to a coded character.

[manyone]

pardon me, you don’t have to send me a link to your project then. i understand.
i was just interested in doing a call to a site then obtain the contents of the returned page, which is html, using thunkable. i encountered this problem when trying to solve the last WDC - i found this site which allowed this call

https://www.wordgenerator.net/application/p.php?id=nouns&type=1&spaceflag=false

but what comes back is an (html!) page containing 50+ nouns, separated by commas. if i could only get that string, i would have had my random noun generator done!

[codeemaker]

How did you guys approach this project?@codeswept,@tatiang,@luv.ak.tech,@manyone and @roumak-coder
I personally approached this project by the UI
I am working on my app to try and make some more updates will share you the project link once I’m done

I’m getting an error here, How do I set it to the length of the slider?
I used a repeat slider’s value times to set my passcode to My function which generates passwords according to my switch’s I usually give it the length of nine by using a join text block I deleted that block and my code seems to be fine??

I made an edit It seems to store it for up to a month
I made a passcode with Login option
I used 199 blocks for this

[muneer]

@manyone
See this quick example which should produce the list you want
https://x.thunkable.com/projectPage/60743c94a916aa0011ca928c

This is using Web API so it might not work from the Web Live test. Better test it from your mobile.

[tatiang]

@codeemaker

I’m getting an error here, How do I set it to the length of the slider?
I used a repeat slider’s value times to set my passcode to My function which generates passwords according to my switch’s I usually give it the length of nine by using a join text block I deleted that block and my code seems to be fine??

I’m not understanding this. Are you trying to get the value from a slider component?

[domhnallohanlon]

Happy Monday everyone - just wanted to share what I managed to get built, using the “Vaulty” design for inspiration.

https://x.thunkable.com/projectPage/607448e1730d210011663929

(oh, the PIN is 4242)

I started off by getting the functionality that I wanted. I knew that all the components would need to be restyled so at this stage I was just focused on where they were positioned.

I chose to place the button and the slider towards the bottom of the screen for ease of use, with the switches further up the screen as my feeling here was that they’d be used less often.

---

After that I wanted to get an image with a gradient for the button background. This was the second result that came up when I Googled “Gradient Generator”. It looks great and more importantly it allowed me to download a .jpg image so that’s what I went for.

Being able to see the screens side by side was really helpful. I opted to place the “Continue” button and the “Generate” button at the same height on the screen for a more consistent experience.

It’s not 100% perfect, but I managed to get the password generator working in 99 blocks!

Take a look at my project page if you want to have a closer look at the blocks or to remix the design,
thanks: https://x.thunkable.com/projectPage/607448e1730d210011663929

[codeemaker]

Yes I got the value but I am getting a error message I Will share the message tomorrow gotta go to school

[tatiang]

Really nice, @domhnallohanlon! I did notice that the first time I generate a password, it defaults to a length of 4 even though the slider shows 8. As soon as I change the slider value, it works properly.

[tatiang]

How did you add a switch component? I don’t have that in the drag-and-drop interface.

I also don’t have an option to remix your project. Did that feature get moved?

Edit: I guess I just needed to duplicate the project. I kind of liked the old “remix” button.

When I open your project, I can edit the switch components but I don’t see a way to add a new switch:

[manyone]

worked like a charm! i know i tried the same approach before but never tested in on the device, only on preview! thanks for the tip!

[domhnallohanlon]

@tatiang

How did you add a switch component?

I thought this would be spotted last week so I used my non-staff account to create my project with the Dark Mode switch…I was certain that this was available to everyone. Maybe I have some other setting enabled to give myself access to the Switch?

Well, the switch component will be released soon - keep an eye on #announcements for the official release!

[manyone]

i was aiming for functionality of https://correcthorsebatterystaple.net/ so i knew there was going to be random selector from a list of words so my first item to search for was a dictionary. i found one at github in the form of a word list, but after anticipating inefficiencies due to storage and lookup performance, i decided to look for an API that returns random words instead!
i found this link that generates 50+ random words per call
https://www.wordgenerator.net/application/p.php?id=nouns&type=1&spaceflag=false

but i kept getting network errors (that @muneer just recently resolved - thank you!) so i opted for another api which could return a noun, an adjective or an animal. so i simply make random calls to these options and stop when i’m over the minimum word count and the minimum phrase length. if verbs had been available the generated pass phrases would have been memorable (and/or funny) because there is action involved.

i forgot about the switch component - that’s why i was using sliders for my toggles! haha!

[codeswept]

How do you view your passwords? There is no way to do that @codeemaker !

[codeemaker]

I have a drawer navigator

[codeswept]

Oh, OK. Please do give some sign to the users that they can swipe, such as a hamburger.

[arun]

Wow! Great job everyone, not just this week but for all your efforts in the recent challenges showcasing the capabilities Thunkable.

Thanks @domhnallohanlon for nominating me - my entry is based on the passphrase generator you shared.

The icons are from icons8 and random words are from this API: Random word API

If you want to add to this app here’s the remix link:
https://x.thunkable.com/projectPage/60756b6da5f31700120fb495

Keep the great designs coming and keep the feedback coming too - so impressive to see what can be built in just a weekend with Thunkable

[codeemaker]

Thanks @arun

[roumak-coder]

I know I’m a bit late but here is my submission -

1. It creates a password with specific options like symbols, length, numbers.
2. You can also save your passwords.
3. All with a good UI

Project URL - Thunkable
Web Test - Thunkable

[luv.ak.tech]

i know i already posted my app but actually i updated a lot and here is my new project -
how is this -

project link - Thunkable
Update : added copy button, option to generate password, option to check password strength, option to manage passwords
blocks - 546
web test - thunkablecompanion