https://github.com/kmonika26/real-time-search-with-debouncing-and-promises

This project is a simple web-based application that fetches and displays search results in real-time based on user input. It uses debouncing to minimize the number of API calls and Promises to simulate an API call with a delay. The results are dynamically updated in the DOM, and the application includes responsive navigation bar that adjust sizes.
https://github.com/kmonika26/real-time-search-with-debouncing-and-promises

apicalls html5 javascript responsive-web-design

Last synced: 3 days ago
JSON representation

This project is a simple web-based application that fetches and displays search results in real-time based on user input. It uses debouncing to minimize the number of API calls and Promises to simulate an API call with a delay. The results are dynamically updated in the DOM, and the application includes responsive navigation bar that adjust sizes.

• Host: GitHub
• URL: https://github.com/kmonika26/real-time-search-with-debouncing-and-promises
• Owner: KMONIKA26
• Created: 2024-09-10T10:48:51.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-09-10T14:09:29.000Z (2 months ago)
• Last Synced: 2024-09-10T15:45:44.845Z (2 months ago)
• Topics: apicalls, html5, javascript, responsive-web-design
• Language: HTML
• Homepage: https://real-time-searchh.netlify.app/
• Size: 3.91 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Real-time Search with Debouncing and Promises

A simple web app that fetches and displays search results in real-time. It uses debouncing to minimize API calls and Promises to simulate a delayed API response. Includes a responsive navbar.

## Features

- **Real-time Search**: Updates results as you type.

- **Debouncing**: Triggers API calls only after 500ms of inactivity.

- **Simulated API**: Uses Promises with a 1-second delay for response.

- **Responsive Navbar**: Adapts to mobile and desktop views with a hamburger menu.

## How to Run

1. Clone the repo:

    ```bash

    git clone https://github.com/KMONIKA26/Real-Time-Search-with-Debouncing-and-Promises

    ```

2. Open `index.html` in your browser.

## Project Structure

- `index.html`: Main HTML file.

- `script.js`: JavaScript for search functionality.

- `README.md`: Project documentation.

## Responsive Design

- Navbar collapses into a hamburger menu on smaller screens.

- Layout adjusts for various screen sizes.

## License

MIT License - see [LICENSE](LICENSE) for details.