Summer Projects Prt 2

Kyle WilsonKyle Wilson
2 min read

After completing the first two projects, the Expense Tracker and the Recipe Finder App, I started working on two Intermediate projects: The Password Generator and the Typing Test.

Password Generator

First was the Password Generator. The three languages that I would be using for this project are again JavaScript, HTML, and CSS. I made the design a little simple with a majority of the items at the top center with a green background and hints of black. In this project, I wanted to try something different. I always knew that separating your CSS and HTML would be beneficial and helpful in your organization. However, the one thing that I wanted to learn was to combine HTML and JavaScript all on one page. Through this was not only able to have a better organized directory, but I was also able to spend less time going back and forth between JavaScript files and HTML files. Through <script></script> I was able to integrate JavaScript in HTML.

The way I wanted to format the Password Generator was different than some of the simple Generators I've seen before. I wanted to allow the user to insert the length of the password. Knowing that some services require a minimum password length, this seemed like the appropriate approach to the main format of the project.

I also wanted to allow the user to copy and paste the password to the service they were using.

You can see my code in my Github and the actual website here

0
Subscribe to my newsletter

Read articles from Kyle Wilson directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Kyle Wilson
Kyle Wilson