https://github.com/sunilhooda/movie-app

NetStar is a single page TMBD API based javascript movie app where user can search for any movie by name and can see the top 20 trending movies of current time and can add any movies as favorites.
https://github.com/sunilhooda/movie-app

css3 debouncing html5 javascript localstorage pagination responsive tmbd-api

Last synced: about 2 months ago
JSON representation

NetStar is a single page TMBD API based javascript movie app where user can search for any movie by name and can see the top 20 trending movies of current time and can add any movies as favorites.

• Host: GitHub
• URL: https://github.com/sunilhooda/movie-app
• Owner: SunilHooda
• Created: 2023-05-11T12:59:27.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-05-16T06:08:39.000Z (over 1 year ago)
• Last Synced: 2024-11-05T19:58:40.990Z (3 months ago)
• Topics: css3, debouncing, html5, javascript, localstorage, pagination, responsive, tmbd-api
• Language: JavaScript
• Homepage: https://netstar.netlify.app/
• Size: 4.47 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# NetStar

NetStar is a single page TMBD API based javascript movie app where user can search for any movie by name and can see the top 20 trending movies of current time and can add any movies as favorites.




## [Deployed URL](https://netstar.netlify.app/)

## Features

- Responsive Layouts.

- Local Storage Manipulation.

- Working with External API request.

- Code cleanliness and folder structure.

- Search Functionality with Debouncing to reduce unnecessary API calling.

- Pagination

## Built With

- love

- html

- css

- javascript

## How to Run?

To run my application you simply need to clone the project and run the html file.

## Home Page

![HomePage](https://github.com/SunilHooda/Movie-App/blob/main/Images/Homepage.png)

## Search Movies Section

![Searched Movies](https://github.com/SunilHooda/Movie-App/blob/main/Images/Search%20Result.png)

## Single Movie Info PopUp

![MovieInfoPopUp](https://github.com/SunilHooda/Movie-App/blob/main/Images/SingleMoviePopUp.png)

## Favourite Movies Section

![Favourite Movies](https://github.com/SunilHooda/Movie-App/blob/main/Images/Favourite.png)