benawad / react-menu-monkey-client

Frontend for a recipe box website

react-menu-monkey-client

This is recipe box website created using Feathersjs for the backend and React for the frontend. The website displays dishes that users can click on to find recipes and pictures. New users can create an acccount which grants them access to adding new recipes.

How to run it

Start server then:

git clone https://github.com/benawad/react-menu-monkey-client.git

cd react-menu-monkey-client

npm install

npm start

Learn how it was made

Check out the YouTube tutorial.

react-menu-monkey-client's Issues

react-router 4

How about updating the code for version 4 of the router?

Issues on Chrome mobile (Android 5.1.1)

• can't see any recipes on the main recipe list (not logged in) (yes I've added some on desktop first :) )
• attempting to sign up just clears the form but never forwards to login page; a login is not created (as verified via desktop)
• attempting to log in (with login created via desktop) just clears the form

socket.io again :)

I've inspected the feathers docs you pointed me to and found that there should not be any difference between the rest and the socket.io transport regarding authentication.
When swapping out rest with socket.io authenticatin works fine.
The problem is, that after reloading the browser window the feathers-jwt token which is correcty saved in the local stprage doesn't seem to get loaded by the app and you are redirected to the login page again...

Redirect on api error

Hi!

When receiving an error from the api, like when the login is rejected, you just return {}, which isn't very helpfull.

How would you do it so that one could display an error to the client and rerender the form?

Cheers, Kai

App renders blank on Internet Explorer 11 for mobile

WP 8.1

Some React apps seem to do this, but most don't. I'm not sure the cause.

E.g. https://react.rocks/ itself, plus the movies, resume, soundcloud, and colorflood all at least load OK. The tinysynth and lead form do not. (Tinysynth shows only the "fork me on github" graphic, lead form is blank just like monkey-client.)

I've tried pinch-zooming all the way out, there's just nothing to be seen.