---
# System prepended metadata

title: Nhóm 3

---

# Nhóm 3
### Movie App

- Roles: user
- Entities: movie

Requirements:
- [ ] User sees many movies layout on website
- [ ] User sees paginate through all movies from the database
- [ ] User sees filter UI and can filter movie by genres
- [ ] User sees search UI and can search movie in the database by keyword
- [ ] User sees detail of one single movie, in a seperate page, when select a movie from the list
- [ ] User sees information about movie (authors, description, title, genres …)
- [ ] User sees the website is responsive for the minimum of Desktop, Iphone and Tablet

Howto questions?

- [ ] How to connect to the movie database?
    - [x] API KEY : 8ebad5e2d6710b44f1c810fac1339e41
    - [ ] Most important URLs? 
        - Get movies : 
        +(popular) : https://api.themoviedb.org/3/movie/popular?api_key=8ebad5e2d6710b44f1c810fac1339e41&language=en-US&page=1
        +(top rate) : https://api.themoviedb.org/3/movie/top_rated?api_key=8ebad5e2d6710b44f1c810fac1339e41&language=en-US&page=1
        +(Upcoming): https://api.themoviedb.org/3/movie/upcoming?api_key=8ebad5e2d6710b44f1c810fac1339e41&language=en-US&page=1
        
        - Filter: 
        +(id,name) : https://api.themoviedb.org/3/genre/movie/list?api_key=8ebad5e2d6710b44f1c810fac1339e41&language=en-US

        - Pagination?
        - Search?
        - Sort?

- [ ] How to manage data (state management) in the React app?
    - useState vs useReducer vs useContext

- [ ] How to implement get movies, filter, pagination, search, sort?

- [ ] How to design routes?

- [ ] How to build the UI and make it responsive?

Notes:
- Github repo: 
- 