Wow! Itās our tenth #WeekendDesignChallenge and it only took 2 years to reach this milestone
The level of creativity from everyone these past few weeks has been so impressive and personally, I love seeing the support and constructive feedback that gets shared in each #wdc discussion.
The Memory Puzzle challenge last week was pretty āblocks intensiveā so this week letās try something more design/UI oriented - your challenge this week is to re-create a password (or passphrase) generator.
Password Generators
One of my favourite passphrase generators is called https://correcthorsebatterystaple.net/. It was actually inspired by one of my favourite webcomics:
So, Iāve found a couple of reference designs we can use as inspiration to build really beautiful password (or passphrase) generators.
Password Manager App
Check out this gorgeous Password Manager App by Eryk Piecuch over on dribbble:
All the passwords are stored in a āvalutā, you have control over how many and what type of characters are used and there are screens for a user profile and app settings
Password Generator
This password generator by Amarjit Pramanik has a really clean, minimal design with just 5 colours in the palette. There is plenty of spacing around the icons and each section is clearly defined on the screen. Iām not quite sure how you gauge āpronounceabilityā, but apart from that everything else should be achievable in Thunkable.
Passnip
Passnip is actually a website designed by Hachi Studio but I thought it had a clever name and a nice UI so Iām including it too.
The colour palette is modern and the icons and checkboxes are really easy to use and to understand. Again, almost everything here (with the exception of āCopy to Clipboardā) should be comfortably within the capabilities of Thunkable.
The Challenge
Design a beautiful password (or passphrase) generator with as many, or as few, features as you like.
As you can see from the screenshots there are lots of different ways you can go with the design. If you really want to do a deep dive on the functionality of this one there are so many āstretch goalsā you could set yourself like
- adding options for number and symbols,
- setting the delimiter,
- regenerate the password,
- āsaveā different passwords for different accounts,
- share you password via SMS or email(?),
*offer a Dark Mode version of your appā¦
Thatās just the first few ideas that spring to mind, Iām sure youāll come up with plenty of your own ingenious solutions.
Please Note: In this challenge weāre focusing on the design and logic of a password generator rather than building a replacement for something like LastPass or OnePassword. Any passwords generated should NOT be used in any of your online accounts.
Notification Squad
Tagging folks who have been following the challenges over the past couple of weeks, thank you for helping us spread the word!
@luv.ak.tech @manyone @roumak-coder @kartik14 @thg @tatiang @muhaeminz @krithikvasan6m1 @aanshi6 @jared @Chris @skulamester @muneer @cyberdriver @catsarisky @codeswept @codeemaker @eko.devs.apploroceo @japa6225a @jared @Chris @aanshi6 @muhaeminz @skulamester @jane @goutham @jmcmullan @Power_Thunkers @Joannie_Huang
Special Guest Thunker
Thanks a million to @jane for taking part in the challenge last week. This week the Special Guest Thunker will be our CEO @arun - looking forward to seeing what Arun and the rest of the Community comes up with for the tenth Weekend Design Challenge.
Best of luck!