React-Redux: Recipe Finder Application


(Ashwin Morey) #1

Hi Again,

I have created a Recipe Finder application using React and Redux. I have also deployed the application to surge. You can find it here:
http://recipelist.surge.sh/

Blog


Please share, like and add comments.

Github repository

Could you guys have a look and let me know your thoughts.

Thanks


(Daniel K.) #2

Does not work for me :slight_smile:

Fetch API cannot load http://www.recipepuppy.com/api/?q=pancake. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://recipelist.surge.sh’ is therefore not allowed access. If an opaque response serves your needs, set the request’s mode to ‘no-cors’ to fetch the resource with CORS disabled.


(Ashwin Morey) #3

Hi Daniel,
Please install the allow origin cors chrome plugin from here:


Try again and it should work. I forgot to add these details in the README.md file in my git repository. I will update it soon.
Thanks


(Ashwin Morey) #4

Hi Daniel,
Install the allow cors plugin for chrome from here:


Try again in chrome and it should work now. I will update the README.md file in my git repository.
Thanks!


(Daniel K.) #5

No thanks, I am not going to install stuff like that. React application must work out of the box without user installing something extra. You just need to do proper setup to your server or find different hosting.


(Ashwin Morey) #6

Hi Daniel,
I am also looking for a solution to this problem. I have enabled cors on surge.sh, when deploying files. But it still needs the chrome plugin. Inside the code I have used fetch to request the url. Could you please let me know if you have a solution for this.
Thanks


(Daniel K.) #7

What’s the problem? It’s working now… Not that the app is something great. You need to work on your design skills. It looks like one of those scam search sites that just collect privacy information. It does not even work well. I tried to enter “pancake” and I end up with "cake, " in the input. Good luck, I’ve seen enough :wink:


(Ashwin Morey) #8

The images and content is coming from recipepuppy api. Cant do much about that. Anyways thanks!