locphan2207 / food-stories Goto Github PK

• First push on Heroku
• Final push on Heroku

• Backend: DB, model, controller, views
• Redux Loop: ajax, actions, reducer
• Presentational Components
• Styling
• Smooth, bug-free navigation
• Adequate and appropriate seeds

If the user switches paths while interacting with the modal, they are unable to click/x-out of it. The modal currently pushes them back to the previous window url. If this were to be re-designed, a react-modal would be really effective at solving this dilemma. However, it is possible to fix it with your implementation if you are able to capture the path the modal opened on.

• Backend: DB, model, controller, views
• Redux Loop: ajax, actions, reducer
• Presentational Components
• Styling
• Smooth, bug-free navigation

Others:

In this website, users can comment on both recipe and story posts. In order to do it, I was wondering if comments table could have two foreign keys from two tables (recipes and stories)?
Right now, I have to split comments into two different tables recipe_comments and story_comments

In recipe showpage, the problem occurs when users switching between recipes' showpages, and go back to the previous recipe showpages (visited routes), it draws the canvas again making it thicker and thicker.
I put some conditions, to clear the canvas when switching routes, but I still cannot solve it.
This is not a serious bug even though it may make users annoyed, so I decided to move on and will revisit the problem if I have time.

Homepage is not loaded when going from Likes page back to Homepage.
Web App also freezes there

• Backend: DB, model, controller, views
• Redux Loop: ajax, actions, reducer
• Presentational Components
• Styling
• Smooth, bug-free navigation
• Adequate and appropriate seeds

Others:

• Users can upload their food photos into their comment.

After users make a reply to a comment, they cannot post comment to the recipe anymore, unless page is refreshed.

Known reason: Because comment form and reply form are made from a same function, so they got same structure with same refs name. That's why react doesn't know what form to perform actions when we use comment form after replying.

• Backend: DB, model, controller, views
• Redux Loop: ajax, actions, reducer
• Presentational Components
• Styling
• Smooth, bug-free navigation
• Adequate and appropriate seedscipe Index page shows all recipes (Title, Total time and header image)

Others:

• Small animation when hovering on Recipe Index Item
• Sticky Navbar switch when scrolling down
• Section jumping by clicking on navigating buttons (Overview, Comments)
• Suggestion Component

• Backend: DB, model, controller, views
• Redux Loop: ajax, actions, reducer
• Presentational Components
• Styling
• Smooth, bug-free navigation
• Adequate and appropriate seeds

Others:

• Backend: DB, model, controller, views
• Redux Loop: ajax, actions, reducer
• Presentational Components
• Styling
• Smooth, bug-free navigation
• Adequate and appropriate seedscipe Index page shows all recipes (Title, Total time and header image)

Others:

• Small animation when hovering on Recipe Index Item
• Canvas drawing for Cooking Time based on minute
• Ingredient multiplying
• Sticky Navbar switch when scrolling down
• Section jumping by clicking on navigating buttons (Overview, Comments)
• Suggestion Component