DEV Community

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

Posted on

3 1

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 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!

AWS Q Developer image

Your AI Code Assistant

Automate your code reviews. Catch bugs before your coworkers. Fix security issues in your code. Built to handle large projects, Amazon Q Developer works alongside you from idea to production code.

Get started free in your IDE

Top comments (0)

AWS Q Developer image

Your AI Code Assistant

Ask anything about your entire project, code and get answers and even architecture diagrams. Built to handle large projects, Amazon Q Developer works alongside you from idea to production code.

Start free in your IDE

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay