DEV Community

loading...
Cover image for PASS GENNY - Design/dev challenge #1

PASS GENNY - Design/dev challenge #1

Keff
・1 min read

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!

Discussion (0)