Skip to content

smthari/Password-generator-using-html-css-javascript

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Frontends Projects - Password Generator

Password Generator


Project: Password Generator
Stack: HTML & CSS & JS
Level: Intermediate
Demo : Demo
Tutorial : Tutorialurl


Project Brief

In this tutorial we’re going to learn how to create a amazing password generator using html css and javascript with the dark light mode functionality The password generator we’ll build in this tutorial will be pretty cool. a user can generate a password by clicking generate button between 1 to 20 characters length including lowercase uppercase string , number , symbol also copy a generated password

Building project

Before building project init your project as a public repo

📌 (creating a repo will make it easier to share code with us if you need help)

Create new public repo on github

  • Go to github.com create account or sign in
  • Create new git repo

Initialize Git from scratch

  • Go into the your local system directory using git bash
  • Type git init init project
  • Type git add . add all files
  • Type git commit -m "message here" git commmit message

Deploy your project on any one of them

  1. Github pages
  2. Netlify
  3. Vercel
  4. Heroku
  5. Other

Guide for building project

  • First try yourself (attempt to code yourself, use your creativity )
  • Get help from tutorial and solution (If you stuck anywhere, try looking through the tutorial and final solution and then code)
    • a) Follow along tutorial (start building along with following tutorial)
    • b) Follow prewritten instruction (we already provided prewritten files for more clarity)

Got feedback for us?

We love receiving feedback! We're always looking to know which types of project should we add more. So if you have anything you'd like to mention, please email at [email protected]

This project is completely free. Please share it with anyone who will find it useful for practice. Have fun building! 🚀