Case Study Ken Yau Case Study Ken Yau

PassCheck: The Password Strength Checker

PassCheck is a JavaScript-powered password strength checker that provides real-time feedback to help users create secure passwords. It evaluates password complexity dynamically, offering color-coded strength indicators and actionable suggestions. This project demonstrates JavaScript event handling, DOM manipulation, and interactive UI validation techniques.

Screenshot of the PassCheck web app.

Overview

PassCheck is a lightweight, interactive password strength checker built using JavaScript, HTML, and CSS. It provides users with real-time feedback on password security by evaluating length, character variety, and complexity. A color-coded strength meter helps guide users toward creating stronger passwords.

Features

  • Real-time password strength evaluation (Blank, Weak, Medium, Strong).

  • Strength bar visualization with color-coded feedback.

  • Toggle password visibility for user convenience.

  • Validation checks for length, uppercase/lowercase, numbers, and special characters.

  • Mobile-responsive design for usability on all devices.

Live Demo & Screenshots

Read More
Case Study Ken Yau Case Study Ken Yau

Beer & Bagel: The To-Do List Maker

Beer & Bagel is a lightweight, interactive to-do list web app built with JavaScript, HTML, and CSS. Designed for seamless task management, it allows users to add, edit, complete, and delete tasks dynamically. This project showcases JavaScript DOM manipulation, event handling, and real-time UI updates to create an intuitive, responsive experience.

A screenshot of Beer & Bagel: The To Do List Maker.

Overview

Beer & Bagel: The To-Do List Maker is a lightweight, interactive task management web app built using JavaScript, HTML, and CSS. It provides users with an intuitive way to add, edit, complete, and remove tasks dynamically.


Features

  • Real-time task management (add, edit, complete, delete)

  • DOM manipulation & event listeners for interactive UI updates

  • Validation handling (prevents blank or excessively long tasks)

  • Lightweight and mobile-friendly design


Live Demo & Screenshots

Read More