https://github.com/projectravel/movielistapi

This repository provides an example implementation of AJAX for interactive searching on a website, utilizing an API to dynamically fetch data without needing to refresh the page. Leveraging AJAX technology, users experience seamless and responsive search interactions, while the API grants direct access to the latest data.
https://github.com/projectravel/movielistapi

ajax api api-client api-rest bootstrap bootstrap5 javascript jquery omdb omdb-api

Last synced: about 1 month ago
JSON representation

This repository provides an example implementation of AJAX for interactive searching on a website, utilizing an API to dynamically fetch data without needing to refresh the page. Leveraging AJAX technology, users experience seamless and responsive search interactions, while the API grants direct access to the latest data.

• Host: GitHub
• URL: https://github.com/projectravel/movielistapi
• Owner: ProjectRavel
• Created: 2024-07-03T13:56:38.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-07-26T17:48:52.000Z (5 months ago)
• Last Synced: 2024-07-26T19:31:41.905Z (5 months ago)
• Topics: ajax, api, api-client, api-rest, bootstrap, bootstrap5, javascript, jquery, omdb, omdb-api
• Language: HTML
• Homepage:
• Size: 2.02 MB
• Stars: 2
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
MovieListAPI




  

    

  

  

    

  

  

    

  





  Explore movies with real-time search and a comprehensive list of all movies ever shown, integrated with the OMDB API.



![Screenshot](/img/homepage.png)

## Features

- **Real-Time Search:** Perform instant searches for movies without page reloads, integrated with the OMDB API.

- **Complete Movie List:** Access a comprehensive list of all movies ever shown, updated via the OMDB API.

- **Responsive Design:** Ensures optimal viewing on various devices, built with the Bootstrap framework.

- **Bootstrap Integration:** Utilized for creating a sleek navbar, movie list, footer, and overall layout.

## Technologies Used

- **AJAX (Asynchronous JavaScript and XML)**

- **OMDB API (Open Movie Database API)**

- **HTML, CSS, JavaScript**

- **Bootstrap Framework**

## Getting Started

To get a local copy up and running, follow these simple steps.

### Prerequisites

- Modern web browser

- Text editor or IDE of your choice

### Installation

1. Clone the repo

   ```sh

   git clone https://github.com/projectravel/movielistapi.git

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

## Usage

- Enter a movie title into the search box.

- Results will dynamically appear below, fetched from the OMDB API.

- Browse through the complete list of all movies, updated and fetched from the OMDB API.

## Contributing

Contributions are welcome! Fork the project, create a branch, commit your changes, and open a pull request.

## Contact

ProjectRavel - [email protected]