https://github.com/ali7haider/movie_db_reactapp_ajax_usage_ead_assignment-2

This project is aimed at demonstrating the concept of AJAX, a set of web development techniques used on the client side to create asynchronous web applications
https://github.com/ali7haider/movie_db_reactapp_ajax_usage_ead_assignment-2

ajax ajax-request ajax-search asynchronous react reactjs xml

Last synced: about 1 month ago
JSON representation

This project is aimed at demonstrating the concept of AJAX, a set of web development techniques used on the client side to create asynchronous web applications

• Host: GitHub
• URL: https://github.com/ali7haider/movie_db_reactapp_ajax_usage_ead_assignment-2
• Owner: ali7haider
• Created: 2024-02-06T18:19:10.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-02-06T19:58:35.000Z (about 1 year ago)
• Last Synced: 2025-01-05T13:09:55.655Z (about 1 month ago)
• Topics: ajax, ajax-request, ajax-search, asynchronous, react, reactjs, xml
• Language: JavaScript
• Homepage: https://ajaxmoviedb.netlify.app/
• Size: 1.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Movie DB React APP With AJAX

Usage of AJAX(Asynchronous JavaScript and XML) in Modern Web Applications

# Usage of AJAX

This project is aimed at demonstrating the concept of AJAX, a set of web development techniques used on the client side to create asynchronous web applications. By using AJAX, web applications can send and retrieve data from a server 

asynchronously (in the background) without interfering with the display and behavior of the existing page. This simple web application built in react web application fetches movie data from `https://www.themoviedb.org/` and allows users to search movies based on movie name.

# How to Run the Project Locally

- Before running the application locally, make sure you have the following installed:

  - Node.js

  - npm (Node Package Manager)

To run the project locally, follow these steps:

- Clone the repository to your local machine.

  `git clone https://github.com/ali7haider/Movie_DB_ReactAPP_AJAX_Usage`

- Open the project directory and run `npm start` in the cmd.

- The app will run on the local host.

# Performance Measure

Using AJAX (Asynchronous JavaScript and XML) for fetching data from a movie database can significantly improve the performance and responsiveness of your web application. AJAX allows you to make asynchronous requests to the server without reloading the entire page, enabling a smoother user experience.

In an app that retrieves data from a movie database, AJAX can be utilized for various tasks such as fetching movie details, searching for specific movies, loading lists of movies, and more. Here's how AJAX enhances performance and user experience.

# Challenges Faced and Solutions

- **Challenges:**

  - Understanding what is AJAX.

  - How to use AJAX in the application

- **Solutions:**

  - To Understand AJAX, I have used Google, Chatgpt, and other online platforms.

  - I have also used online tutorials.

# References and Resources

- [Server Side](https://www.theserverside.com/definition/Ajax-Asynchronous-JavaScript-and-XML)

- Youtube

- Chatgpt

# Live Website link

  https://ajaxmoviedb.netlify.app/