Description
Part-1
Create a video application by using Node.js and Express.js.
- Your application should include all CRUD operations (Create, Read, Update, Delete) for manipulating videos. As other functions are already implemented in hands-on videos, you will only need to implement edit and update for the assignment.
- Include search (partial search on “title”) and filtering (filter by “genre”) functions. Integrate search and filter together (if a genre is selected, search for movies under selected genre). Search and filtering should be available on home page (index.ejs). You can hardcode the list of genres for drop down list.
Part-2
Implement the search function for React application. Include one search box and search button on top of the listing page. List only the vidoes whose title includes the given keywords (partial search on title).
React will get complete list of videos from the API created by Node.js application which is accessible at below end point.
http://localhost:3000/api/videos
React hands-on example shows how to get list of videos from the API.
See below two tutorials to learn how to create an interactive UI in React . You will need this feature for updating video list based on given keywords.
https://reactjs.org/ (TODO List Application)
https://reactjs.org/docs/thinking-in-react.html
Deliverables:
- Zipped application folders (for Node and React applications)
- Screenshots for video listing page (Node)
- Show all movies
- Show results of search and filtering (individually and combined)
- Screenshot for video edit page (Node)
- Screenshot for the result of video update (Node)
- Screenshot of search results (React)
- Screenshot of objects in MongoDB database
