pacelliv / password-generator

Learning Javascript from Scrimba and Per Harald Borgen. Easy to use password generator.

Password Generator

This is a solution to the password generator solo-project from Scrimba

Overview

The user will be able to:

• Generate two passwords of 15 long alphanumeric characters.
• The passwords can be copied to the clipboard by clicking on them and the user will be notified with a message.

Elaboration

This project was built with:

• CSS
• HTML5 markup
• Flexbox
• Vanilla JavaScript

Features to be included:

• Responsive design for small screens
• Save to localStorage theme picked by the user
• Light/dark mode

Quickstart

To run this repo you will need to install:

• git
  • After installing the package run in ths terminal the command git --version, if the installation was successful the ouput should look liks this: git version x.xx.x.windows.x. Download here.
• Node Js
  • After the installation run the command node --version, if the ouput looks like vxx.xx.x it means the installation was successful. Download here.
• Live Server
  • With this extension you will be able to launch development local Server. Download here.

Initialize git, clone the repo and cd into the folder:

git init
git clone
cd password-generator

To install the dependecies run:

$ yarn # npm install

Development

After installing the dependencies run Live Server.

Resources

• Variable declaration
  • types of variables
  • let
  • const
• Function
• Loops and iteration
• Return statement
• Document.getElementById()
• Node.appendChild()
• Element.classList
• Math.random()
• Math.floor()
• Element.remove()
• @keyframes
• @media
• import

Acknowledgements

I want to thanks Scrimba and their team for teaching me the necessary tools to complete this project in my journey to become a full stack developer.

Thank you!🎉 🎉

I hope you like this project and it ends up being useful to you 👨‍💻