Skip to content

Ajay-Maury/Get-Movie-Details

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Get-Movie-Details

This is a React app created with React, Redux. This App provides trending and searched movies and TV shows, and all necessary details of each movie/TV show on clicking on that.

I used React Router for navigation, Redux for State Management, Pagination for changing page.

I used Debouncing techinique in search bar to avoid unnecessary Network Request and to save user bandwidth.

#Deploy Link :- https://get-movie-details.netlify.app/

Teach Stacks :-

  1. React
  2. Redux
  3. React Router
  4. Javascript
  5. CSS
  6. HTML
  7. API

Features :-

  1. Debouncing
  2. Pagination
  3. Filtering
  4. React-Router
  5. Responsive to all screens

Home Page

Large Screen image

Medium Screen image

Small Screen image

Filter

image

Searchbar with Debouncing Function

image

Pagination

On First Page No Button For Previous Page image

Previous and Next Both Buttons on Other Pages image

On last page No Next Button image

Movie/TV show Details on Detail Page

(If you click on any Movie or TV Show)

Large Screen

image

Medium Screen image

Small Screen image