Xr~4[e@ZmiBqW7!]#cH

Contact Me

About

Technologies utilized in this project
HTML | CSS | JavaScript | jQuery | Flexbox | Bootstrap

The password generator project is a common beginner oriented application that introduces new coders to the world of combined HTML, CSS and JavaScript. While simple in appearance, the JavaScript required to make this work can be very challenging in the beginning as one tries to orient their conceptual thinking to code.

Evolution

This was one of my first excursions into JavaScript and although I was able to produce a functional application, the code was redundant, drawn-out and included many unnecessary variables. I was relatively new to CSS as well and the app suffered not only from boring design but from poor responsiveness, too.


After my bootcamp with UCF ended I was encouraged to return to old projects and see if they couldn't be fixed up. That is exactly what I have done here. Most of the JavaScript was refactored to reduce redundancy and to simplify it. New features have been added such as copying the resulting password to the clipboard. A Bootstrap framework was introduced and custom modals replaced generic alerts. Custom CSS fills in the styling gaps and the Contact/About pages were added to round out the application.