Skip to content

NguyenHuy1812/movies-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CoderSchool FTW - * HUY - TMDB MOVIES APP

Created with love by: HUY NGUYEN

This is a simple project written with Reactjs from TMDB

image

View online demo at:

Netlify - https://ecstatic-saha-f4a2cd.netlify.com/

The following features are implemented

Required User Stories:

  • The user can see the top 20 "Currently Playing" movies on a page.
  • For each movie, the user can see the Movie Title, Year, Rating, and Poster.
  • The user can see this information clearly on devices of various screen sizes.
  • The user can see "more" movies by tapping a "See More" button at the bottom. Optional User Stories:
  • The user can enter a term into a search box to filter the currently loaded movies by search term.
  • The user can change the "source" from "Currently Playing" movies to "Top Rated" movies (or any other of the endpoints supplied by MovieDB).
  • Sort by Rating and Popularity (from Lowest to Highest and Vice Versa)
  • Have Year, Rating as a slider. Change the display dynamically when the slider is changed. You could use React Input Range package for this task.
  • The user will see multiple genres on the leftside of the screen with number of movies which has that genre.
  • The User can filter movies by genres by clicking on selected genre.
  • The user can navigate between pages with pagination features (works for both normal and search feature)

Time consumed:

  • More than 6 hours

Lessons learned:

  • State, props, API, handel change event

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published