Giter Site home page Giter Site logo

djbowen95 / signature-password-generator Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 3.25 MB

Random password generator built in vanilla JavaScript. User interface built in HTML and CSS, with responsive design using media queries and flexbox.

License: Apache License 2.0

HTML 19.00% JavaScript 32.73% CSS 48.27%
css-flexbox vanilla-javascript javascript coding-bootcamp html css media-queries

signature-password-generator's Introduction

๐Ÿ‘‹ Daniel Bowen: GitHub Profile (djbowen95).

Welcome to my GitHub profile.

Bio

  • ๐Ÿ‘‹ Hi, Iโ€™m Dan / @djbowen95.
  • ๐Ÿ‘€ I am actively looking right now for a new Software Engineer role.
  • ๐ŸŒฑ I am experienced in JavaScript, Node, React and more.
  • ๐Ÿ™๏ธ I live in Birmingham but happy to relocate within the United Kingdom, or work remotely.
  • ๐Ÿ’ž๏ธ Iโ€™d be very happy to work on open source projects right now, drop me a message if you're looking for a contributor!
  • ๐Ÿ“Œ Please take a look at my pinned projects for examples of my work.

Technology Stack

Current Projects

I haven't been as active on GitHub lately as I am prioritising sending CVs / Cover Letters. I'm itching to get back to coding though, which is what I really love to do, and hoping to work on these projects when I can:

signature-password-generator's People

Contributors

djbowen95 avatar

Watchers

 avatar

signature-password-generator's Issues

Replace prompts / alerts with sliders

One of the Bootcamp project requirements was to use the browser's built in prompts/alerts to collect user response. I would prefer to have a set of sliders contained on the page, which I think would be tidier.

Update README

I have created a style guide for the README files on my personal projects, and I would like to update this README in line with the guidance I set myself. I will be updating this project one section at a time - with a walkthrough of everything I learned for this project / hope it demonstrates!

Copy to Keyboard Button

Very simple feature - but I'd like a copy to Clipboard option for the password, on the right hand side of the password container.

Finish new HTML/CSS

This bootcamp project came with a simple prestyled webpage. I have been builting a new user interface so that I can call the project fully my own. To finish of the new page I need to:

  • Finish styling the navigation bar
  • Add the navbar links to my pages
  • Customise the fonts
  • Rebuild/style the password container element (maybe not as a textarea)
  • Ensure new password container is fully responsive
  • Create a 'hamburger' for the navbar links (currently they just display hidden)
  • Create a footer

I would also like to add some simple CSS animation to this project.

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.