A Search App

Web3Bridge Test This is a simple web application that provides a real-time search functionality with highlighting for a list of items. As the user types in the search input field, the list of items is filtered to show only those that contain the search query, and the matching text is highlighted.

How to Use

1. Clone the repository or download the source code.
2. Open index.html in a web browser.
3. Start typing in the search input field. The list of items will be filtered and the matching text will be highlighted in real-time.

Project Structure

• index.html: The main HTML file that contains the structure of the webpage.
• style.css: The CSS file that contains the styling for the webpage.
• search.js: The JavaScript file that contains the functionality for real-time search and highlighting.

Features

• Real-time search: The list of items is filtered as the user types in the search input field.
• Highlighting: The matching part of the text in each item is highlighted.
• Case-insensitive search: The search functionality is case-insensitive.

Sample Item List

The application uses the following sample list of items:

• JavaScript programming
• HTML and CSS basics
• Frontend development
• Web design principles
• Dynamic content handling