Intermediate JavaScript: Password Generator Challenge

Description

This project is part of the Intermediate JavaScript module. In this challenge, I have created a web application that generates a random password based on criteria selected by the user.

Preview

Motivation

This challenge has been an opportunity for me to apply and solidify my knowledge in intermediate JavaScript concepts. As I continue my learning journey, I plan to further refine my skills in front-end web development, explore more advanced JavaScript topics, and contribute to open-source projects.

Skills and Expertise

By completing this project, I've developed a strong foundation in intermediate JavaScript concepts. Here are the key skills I've acquired:

JavaScript Objects: I've become proficient in defining and utilizing JavaScript objects to efficiently organize and manage data.
Object Methods: I've explored the functionality of object methods and gained the ability to work with intricate data structures more effectively.
Functions: I've mastered the art of creating both function expressions and declarations, which has enhanced my code organization and understanding of scope.
Dynamic Context Handling: I've deepened my understanding of the 'this' keyword and honed the skill of creating custom object methods, allowing me to navigate dynamic code contexts.
Array Manipulation: I've learned to leverage built-in array methods for seamless manipulation and iteration through arrays.
Responsive Design: Through crafting a polished web application, I've improved my expertise in responsive design, ensuring optimal user experiences across devices.
Problem Solving: This project has provided ample opportunities to enhance my problem-solving skills, particularly in implementing input validation and generating user-specific passwords.

Deployment

Access the live application at: https://daironreijna.github.io/intermediate-js-password-generator/

GitHub Repository: https://github.com/your-username/intermediate-js-password-generator

Installation

Clone the GitHub repository: git clone https://github.com/daironreijna/intermediate-js-password-generator.git
Navigate to the project directory: cd intermediate-js-password-generator
Open the index.html file in your preferred browser.

Usage

Open the application in your browser.
Click the "Generate Password" button.
Follow the prompts to select password criteria:
- Length of password (between 8 and 128 characters).
- Character types (Uppercase, Numeric, Special characters). Lowercase is set as standard input.
Once all prompts are answered, the generated password will be displayed on the page.

Features

Dynamically generates random passwords based on user-selected criteria.
Validates input and ensures at least one character type is selected.
Responsive design for various screen sizes.
Clean and polished user interface.

Technical Acceptance Criteria

Satisfies all technical acceptance criteria as described in the project brief .
No errors in the console when inspected using Chrome DevTools.

Application Quality

Intuitive user experience.
Clean and polished user interface.
Resembles the provided mock-up.

Contributing

I welcome contributions from the community to enhance the Bootstrap Portfolio Project. By participating in this project, you contribute to a vibrant and inclusive environment. To ensure a positive experience the code of conduct we will adhere to is based on The Contributor Covenant. Please review and follow these guidelines when contributing.

Accessibility Testing

I aim to develop websites that are built mobile first, with accessibility in prime focus. I welcome feedback, and would ask that you test for accessibility by visiting this page: Accessibility Testing and Inclusive Design.