PASS GENNY – Design/dev challenge #1

Hey there!!

I’m starting to learn a bit more about design, and wanted to do some challenges to put into practice what I’m learning.

In the first challenge I had to design and code a password generator.

You can check it here

Or take a look…


This content originally appeared on DEV Community and was authored by Keff

Hey there!!

I'm starting to learn a bit more about design, and wanted to do some challenges to put into practice what I'm learning.

In the first challenge I had to design and code a password generator.

You can check it here

Or take a look on github:

GitHub logo nombrekeff / pass-genny

Password generator made for my DESIGN/DEV challenges

PASS GENNY

Challenge #1

Password generator made for my DESIGN/DEV challenges.

Features

  • Generate Passwords
  • Choice of options
    • Uppercase
    • Lowercase
    • Symbols
    • Numbers
    • Readable
  • Variable Length
  • Copy to clipboard
  • Responsive (had no time, will do it in the future, maybe)

Challenge description

Make a password generator Design + Code in 2 days or less.

Design

Design was made in 4-6h in Figma, did not track the time very well.

You can check the Figma file here

Code

Code related stuff was done in around 4h, code + setting up repo, deploying to vercel.

Tech

For the website I used:

Otherwise everyting else is done by me :)

Help me get RICHHHH, give the repo some love! ❤️

JK, but feel free to give the repo a star or share the word if you enjoyed the project. I sure did!

Usage

  1. npm install
  2. npm run dev

Challenge description

Make a password generator Design + Code in 2 days or less.

Design

Design was made in 4-6h in Figma, did not track the time very well.

You can check the Figma file here

Code

Code related stuff was done in around 4h, code + setting up repo, deploying to vercel.

Tech

For the website I used:

Otherwise everything else is done by me :)

 I will be glad if you critique it, give me advice or overwall feedback! ?

Have a nice day!


This content originally appeared on DEV Community and was authored by Keff


Print Share Comment Cite Upload Translate Updates
APA

Keff | Sciencx (2021-07-31T15:41:40+00:00) PASS GENNY – Design/dev challenge #1. Retrieved from https://www.scien.cx/2021/07/31/pass-genny-design-dev-challenge-1/

MLA
" » PASS GENNY – Design/dev challenge #1." Keff | Sciencx - Saturday July 31, 2021, https://www.scien.cx/2021/07/31/pass-genny-design-dev-challenge-1/
HARVARD
Keff | Sciencx Saturday July 31, 2021 » PASS GENNY – Design/dev challenge #1., viewed ,<https://www.scien.cx/2021/07/31/pass-genny-design-dev-challenge-1/>
VANCOUVER
Keff | Sciencx - » PASS GENNY – Design/dev challenge #1. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/07/31/pass-genny-design-dev-challenge-1/
CHICAGO
" » PASS GENNY – Design/dev challenge #1." Keff | Sciencx - Accessed . https://www.scien.cx/2021/07/31/pass-genny-design-dev-challenge-1/
IEEE
" » PASS GENNY – Design/dev challenge #1." Keff | Sciencx [Online]. Available: https://www.scien.cx/2021/07/31/pass-genny-design-dev-challenge-1/. [Accessed: ]
rf:citation
» PASS GENNY – Design/dev challenge #1 | Keff | Sciencx | https://www.scien.cx/2021/07/31/pass-genny-design-dev-challenge-1/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.