controlled-inputs

Project to demonstrate usage of React Hook Form along with Material UI Components using Controller

A real-time, interactive React discussion board layout featuring dynamic list CRUD operations and relative timestamp calculations. Built during NxtWave CCBP 4.0 training to master non-mutating array insertions, conditional like-state mapping, immutable row deletion, and the configuration of third-party time libraries (date-fns).

Task 1: Build a Simple Contact Form Description: Create a form that collects user input: Fields: name, email, message Use controlled components with onChange On submit, display the entered data below the form (no API call) ,Add basic validation (e.g., required fields)

A responsive React password manager application featuring live case-insensitive filtering, visibility masking, and full CRUD operations for credentials. Built during CCBP 4.0 training to master advanced form handling with controlled inputs, secure list expansion, conditional views for empty states, check-box visibility filters, text mutation debug

A React auto-suggest application featuring live text filtering and input autocomplete mechanics. Built during NxtWave CCBP 4.0 training to implement two-way state synchronization, case-insensitive keyword matching, and interactive arrow selection.

A debugging-focused React application centered on correcting lookup filters and autocomplete text injectors. Built during NxtWave CCBP 4.0 training to find and fix hidden structural bugs across dynamic input matching, child selection callbacks, and case-insensitive substring comparisons.

A responsive React application that calculates and displays the exact character count of user input in real-time. Built during NxtWave CCBP 4.0 training to practice text event tracking, string length evaluations, and controlled text input elements.

A multi-layered React app marketplace catalog featuring simultaneous category tab filtering and interactive search queries. Built during NxtWave CCBP 4.0 training to master cross-referencing multi-state arrays, continuous string case-insensitive lookups, and deep prop-to-callback layout controls.

A responsive React application featuring an interactive select dropdown to look up international geographic locations. Built during NxtWave CCBP 4.0 training to master controlled HTML selection tags (<select>, <option>), conditional list lookup operations, and active key state tracking.