Meteor and React (Retrieve filtered result to front-end)

Hi there, I am new to Meteor and React framework. I am trying to build a simple application which initially displays the data in the MongoDB to the user, which I have completed. Now, I am trying to add a “Search” functionality to it, wherein the user enters the product name in the Search Bar and the entered product is displayed, but I am unable to achieve this functionality, as I am unable to get the filtered result back to the front-end. I request you to help me out.

The file structure is as follows

client
|_ components
| |_ _ product_details.js
| |_ _ product_list.js
| |_ _ search.js
|
|_ style
| |_ main.css
|
|_ _ main.html
|
|_ _ main.js

imports
|_ _ collections
|_ _ products.js

server
|_ _ main.js

The following are the links to the files

product_details.js http://pastebin.com/yigNctsW

product_list.js http://pastebin.com/12QJqpiP

main.html pastebin.com/nnsqGk9J

client(main.js) pastebin.com/8iWjAx6u

products.js pastebin.com/w6bHESRU

server(main.js) pastebin.com/y0vzuVR3

search.js pastebin.com/Jz4X2rvg

you need to minify your question mate - would get more responses.

Like what’s the problem? If you know how pub/sub works then you’re already set. Where are you stuck? Noone is going to write code for you unless you pay them.