Giter Club home page Giter Club logo

pwgen's Introduction

gio@GIO:~$ ggardinfetch                                                                  
                                                               
                                                               
                                                               
                                       *@@@@                   
                    @@@@@@@@@@@@@@@@@@@@@@@@&                  ggardin@italy.eu
                @@@@@@@@@@@@@@@@@@@@@@@@@@@@@                  -------------
             @@@@@@@@@@@@@           @@@@@@@@(                 Uptime: "28 years"
           @@@@@@@@@@@@.                @@@@@@                 Programming_languages: "Java, C++"
          @@@@@@@@@@@@                    @@@@.                Other_languages: "HTML, CSS, JS, PHP"
         @@@@@@@@@@@@                      ,@@                 Actual_languages: "Italian (native), English (C1)"
         @@@@@@@@@@@@                                          Certifications: "Cambridge FCE, ECDL"
        /@@@@@@@@@@@@                 ,,,,,,,,,,.              Currently_learning: "SvelteKit, Astro, TypeScript"
         @@@@@@@@@@@@              @@@@@@@@@@@@@@@@            Proficiencies: "G Ads, WordPress, Adobe CC, Office"
         @@@@@@@@@@@@@               @@@@@@@@@@@@@             
         .@@@@@@@@@@@@/               @@@@@@@@@@,              Hobbies: "photography, mech kbs, tinkering, hiking"
           @@@@@@@@@@@@@              @@@@@@@@@@               
            @@@@@@@@@@@@@@            @@@@@@@@@@               more info
              @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@               ---------
                 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@.                Web: "giovannigardin.com"
                     *@@@@@@@@@@@@@@@@@@@@@                    
                                                               
                                                               
                                                               

pwgen's People

Contributors

bradley-h avatar ggardin avatar

pwgen's Issues

Improve toast message panel

When the user copies the password, a toast message appears for 4s. Iterate to improve the UI of the panel.

Refactor code in smaller components

Right now +page.svelte is kind of messy. A lot of things are going on, with TS and CSS code taking a lot of lines. The situation could be improved by introducing a few components, such as:

  • toast notification.
  • ???

Fix background-color animation

When a password is generated, the background color of the masthead changes. It is animated by a CSS rule, but it is not visually pleasing.

There are 4 colors:

  • grey when there is no password.
  • red when the password is weak (below 10 chars).
  • yellow when the password is between 11 and 15 chars).
  • green when the password is strong (>16 chars, though I'd like to raise the threshold).

Design better interactions

Improve UX by improving user interactions. For example, the buttons are not styled for the hover state.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.