drex44/good-food-guide

A guide to know which foods are good when you have certain disease! [Built with React/NextJs]

good-food-guide's Issues

FrontEnd: Implement a share button

In the foodCard.js, there's a share button. right now it does not work.

Clicking on it should open a modal and it should have various buttons for FB, twitter, copy to clipboard etc buttons.
content to share is the link to the foodDetails.js for a particular disease.

This is a react/nextjs web app. comment for more information.

Suggest a feature!

create or edit a file named feature_requests.md if you have any suggestion for this repo or website.

Read the readme.md for more information or comment if you need more information or help!

Integrate Algolia search

Integrate the Algolio search in the website.

Already created a component named Search.js. It implements the search. The result can be checked on Food Details page.

More information,
https://community.algolia.com/react-instantsearch/Getting_started.html

• Bootstrap the search component
• Improve the UI
• Integrate in the navigation bar
• Add search by Algolia in the footer
• Integrate algolia in backend to sync the data

Design a logo or suggest a better name

If you have any better idea or suggestion for the logo or name then suggest it!

The name should be catchy and related.

.gitignore for mac

we need .gitignore for mac files

An in-range update of react-instantsearch is breaking the build 🚨

The dependency react-instantsearch was updated from 5.4.0 to 5.5.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

react-instantsearch is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

• ✅ now/api/getAllDiseases/index.js: is ready
• ✅ now/api/getDisease/index.js: is ready
• ❌ now/www/package.json: has failed
• ❌ now: Deployment has failed (Details).

---

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

FrontEnd: Add a back button

The site is in react/ nextjs. The master branch is always live. check out the url from home code screen.

If you click on learn more, it navigates to foodDetails.js.
There should be a button (back arrow or something elegant) to go back to the main home page.

happy hacking! :)
comment below if you need help or want to work on this!

code cleanup

Update Readme on how to start Dev server

Update Readme on how to start Dev server

Header text is getting cut behind the navbar

FrontEnd: Search food feature: Pulls up specific foods that list their known benefits

The site is in react/ NextJs. The master branch is always live. check out the URL from the home code screen.

Create a new page (see about.js to know how to create a new page.)(will discuss what to be named later).
In this page, display the list of disease which can be treated with the given food.
I will update on how the users will reach this page with the food query but right now take static value.

happy hacking! :)
comment below if you need help or want to work on this!

Create Disclaimer/Statutory Warning to consult doctor before eating!

It would be good to have a Disclaimer which says one must consult doctor before following the advices being given on the site especially because of Legal reasons.

An in-range update of ajv is breaking the build 🚨

The dependency ajv was updated from 6.10.0 to 6.10.1.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

ajv is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

• ✅ now/api/getAllDiseases/index.js: is ready (Details).
• ✅ now/api/getDisease/index.js: is ready (Details).
• ❌ now/www/package.json: has failed (Details).
• ❌ now: Deployment has failed (Details).

---

Commits

The new version differs by 12 commits.

• 8b59052 6.10.1
• 66c2907 chore(package): update del-cli to version 2.0.0 (#1014)
• d476534 chore(package): update eslint to version 6.0.0 (#1030)
• c468632 test: update node.js versions for travis test
• 3ca7571 chore: update jshint
• 120d746 chore(package): update nyc to version 14.0.0 (#994)
• c3093bb Add "empty" to useDefaults Option type definition (#1020)
• ab841b4 fix: addKeyword and schema without ID, closes #1001
• bc993de chore(package): update karma to version 4.0.1 (#959)
• 6be5ff6 fix(types): add strictKeywords to Options interface (#975)
• 78a9403 update JSON-Schema-Test-Suite
• d107207 Fix wrong json schema reference (#961)

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

bootstrap the backend server

Currently, there's no backend server. All the data is fetched from the JSON file only.

So create APIs to make it dynamic. I haven't specified the schema for the APIs but I will update it soon.

EDIT:

• Bootstrap API project structure and convert repo to monorepo
• Create APIs
• Integrate APIs into frontend

An in-range update of react is breaking the build 🚨

There have been updates to the react monorepo:

• • The dependency react was updated from 16.8.6 to 16.9.0.

• The dependency react-dom was updated from 16.8.6 to 16.9.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

This monorepo update includes releases of one or more dependencies which all belong to the react group definition.

react is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

• ❌ now: Deployment has failed (Details).

---

Release Notes for 16.9.0 (August 8, 2019)

React

• Add <React.Profiler> API for gathering performance measurements programmatically. (@bvaughn in #15172)
• Remove unstable_ConcurrentMode in favor of unstable_createRoot. (@acdlite in #15532)

React DOM

• Deprecate old names for the UNSAFE_* lifecycle methods. (@bvaughn in #15186 and @threepointone in #16103)
• Deprecate javascript: URLs as a common attack surface. (@sebmarkbage in #15047)
• Deprecate uncommon "module pattern" (factory) components. (@sebmarkbage in #15145)
• Add support for the disablePictureInPicture attribute on <video>. (@eek in #15334)
• Add support for onLoad event for <embed>. (@cherniavskii in #15614)
• Add support for editing useState state from DevTools. (@bvaughn in #14906)
• Add support for toggling Suspense from DevTools. (@gaearon in #15232)
• Warn when setState is called from useEffect, creating a loop. (@gaearon in #15180)
• Fix a memory leak. (@paulshen in #16115)
• Fix a crash inside findDOMNode for components wrapped in <Suspense>. (@acdlite in #15312)
• Fix pending effects from being flushed too late. (@acdlite in #15650)
• Fix incorrect argument order in a warning message. (@brickspert in #15345)
• Fix hiding Suspense fallback nodes when there is an !important style. (@acdlite in #15861 and #15882)
• Slightly improve hydration performance. (@bmeurer in #15998)

React DOM Server

• Fix incorrect output for camelCase custom CSS property names. (@bedakb in #16167)

React Test Utilities and Test Renderer

• Add act(async () => ...) for testing asynchronous state updates. (@threepointone in #14853)
• Add support for nesting act from different renderers. (@threepointone in #16039 and #16042)
• Warn in Strict Mode if effects are scheduled outside an act() call. (@threepointone in #15763 and #16041)
• Warn when using act from the wrong renderer. (@threepointone in #15756)

Artifacts

• react: https://unpkg.com/[email protected]/umd/
• react-art: https://unpkg.com/[email protected]/umd/
• react-dom: https://unpkg.com/[email protected]/umd/
• react-is: https://unpkg.com/[email protected]/umd/
• react-test-renderer: https://unpkg.com/[email protected]/umd/
• scheduler: https://unpkg.com/[email protected]/umd/

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

An in-range update of express is breaking the build 🚨

The dependency express was updated from 4.16.4 to 4.17.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

express is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

• ✅ now/api/getAllDiseases/index.js: is ready
• ✅ now/api/getDisease/index.js: is ready
• ❌ now/www/package.json: has failed
• ❌ now: Deployment has failed (Details).

---

Release Notes for 4.17.0

• Add express.raw to parse bodies into Buffer
• Add express.text to parse bodies into string
• Improve error message for non-strings to res.sendFile
• Improve error message for null/undefined to res.status
• Support multiple hosts in X-Forwarded-Host
• deps: accepts@~1.3.7
• deps: [email protected]
  • Add encoding MIK
  • Add petabyte (pb) support
  • Fix parsing array brackets after index
  • deps: [email protected]
  • deps: [email protected]
  • deps: [email protected]
  • deps: [email protected]
  • deps: [email protected]
  • deps: type-is@~1.6.17
• deps: [email protected]
• deps: [email protected]
  • Add SameSite=None support
• deps: finalhandler@~1.1.2
  • Set stricter Content-Security-Policy header
  • deps: parseurl@~1.3.3
  • deps: statuses@~1.5.0
• deps: parseurl@~1.3.3
• deps: proxy-addr@~2.0.5
  • deps: [email protected]
• deps: [email protected]
  • Fix parsing array brackets after index
• deps: range-parser@~1.2.1
• deps: [email protected]
  • Set stricter CSP header in redirect & error responses
  • deps: http-errors@~1.7.2
  • deps: [email protected]
  • deps: [email protected]
  • deps: range-parser@~1.2.1
  • deps: statuses@~1.5.0
  • perf: remove redundant path.normalize call
• deps: [email protected]
  • Set stricter CSP header in redirect response
  • deps: parseurl@~1.3.3
  • deps: [email protected]
• deps: [email protected]
• deps: statuses@~1.5.0
  • Add 103 Early Hints
• deps: type-is@~1.6.18
  • deps: mime-types@~2.1.24
  • perf: prevent internal throw on invalid type

Commits

The new version differs by 53 commits.

• 10c7756 4.17.0
• 9dadca2 docs: remove Gratipay links
• b8e5056 tests: ignore unreachable line
• 94e48a1 build: update example dependencies
• efcb17d deps: [email protected]
• b9ecb9a build: support Node.js 12.x
• 5266f3a build: test against Node.js 13.x nightly
• e502dde build: [email protected]
• da6f701 deps: range-parser@~1.2.1
• 88f9733 deps: [email protected]
• 8267c4b deps: [email protected]
• bc07a41 deps: finalhandler@~1.1.2
• c754c8a build: support Node.js 11.x
• e917028 build: [email protected]
• 7b076bd build: [email protected]

There are 53 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Fix typo on disease page

Tasks

• Fix label for symptom
• Fix variable name optional

FrontEnd: Add information in Footer!

The site is in react/ NextJs. The master branch is always live. check out the URL in the Readme.

Objective: This site is created by many developers and we want to appreciate it. you can submit PR for each task described below!
ToDo,

1. Add a new line saying "Crafted(less than and greater than sign often seen for code) with love(red heart symbol) by amazing people!"
2. amazing people in the above line is a link to another page. so use the about.js page as the reference and create a new page contributors.js in pages directory.
3. create a react component called contributors.js in components folder that fetches all information about contributors of this repo using GitHub API. Import this component in pages/contributors.js
4. Make the contributors.js component more intuitive.

happy hacking! :)
comment below if you need help or want to work on this!

FrontEnd: Create a new simple page

This is react/ nextjs webapp.

If you go to the home page then it shows a learn more button. clicking on it should show a page with more details.

so create a simple component called detailedFoodDetails.js that shows the title of the disease passed. you can follow the instruction given here

Read the readme.md for more information or comment if you need more information or help!

Add Medicine Support for disease

Hey, I found you through the medium. It's Amazing.
Hie I felt that it would be awesome to have how to cure, Steps to be taken care & Medicines

Currently, In this society, Health is also becoming a business and Hospitals are charging like Hell. It would be every Helpfull.

Problem when run yarn dev.

Hi 👋

I have a problem when I try to run yarn dev I don’t know if I need to install another dependency. This is the message error

FrontEnd: Add search bar

We are designing the website frontend first so it will need a search bar.

This is react/ nextjs webapp.
Use material UI component to add a new search bar at the top!

Read the readme.md for more information.

Find a way to better save food data!

This is react/ nextjs webapp.

We will show foods to eat when you have a certain disease. currently, only one example disease is shown but we will add more data later.
we want the site to be static. So, suggest an idea or thought to save these. we can have json.

Read the readme.md for more information or comment if you need more information or help!

FrontEnd: more informative detailedFoodDetails.js

This is react/ nextjs webapp.
First, the issues #4 and #3 should be completed to do this.

change file detailedFoodDetails.js and show all the information about the foods to eat from the data source. you only need to show the information.
no need to make it look better (we have another issue for that here #6 ).

Read the readme.md for more information or comment if you need more information or help!

Performance problem

Now the website had a backend and is used to query from the database. this has resulted in slow page response.

Need to think of a way to increase the performance.

Add a discussion forum (with moderator features for control) to gain a better feel for the user concerns & add interactivity to the site.

I want to start this, but I do not know exactly how it should be or look.

Hosted link crashes

FrontEnd: create a request box

check out the readme.md to know more about this repo and website,

ToDo: a request box,

• where users can ask for a disease not listed yet.
• can add a new food to the existing list.

we are not sure about whether to implement a custom solution or use existing third-party service. if you have any suggestion then comment below!

• we do not have a backend server right now.

comment for more information or queries!

exported site does not render properly on first load

https://good-food-guide.netlify.com

visit it and you will see the first card in red. it does not render it properly. find the issue and fix it.

to replicate run

npm i -g serve
npm run export
cd out
serve

An in-range update of micro is breaking the build 🚨

The dependency micro was updated from 9.3.3 to 9.3.4.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

micro is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

• ✅ now/api/getAllDiseases/index.js: is ready
• ✅ now/api/getDisease/index.js: is ready
• ❌ now/www/package.json: has failed
• ❌ now: Deployment has failed (Details).

---

Release Notes for 9.3.4

Patches

• Chore(examples/with-https): using destructuring: 62c1e01
• Convert getURL fn to more ergonomic one liner: 85d7bd6
• Decrease install size: #396

Commits

The new version differs by 4 commits.

• 11d8691 9.3.4
• 0cf4d7c Decrease install size (#396)
• 85d7bd6 convert getURL fn to more ergonomic one liner
• 62c1e01 chore(examples/with-https): using destructuring

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

An in-range update of micro-http-router is breaking the build 🚨

The dependency micro-http-router was updated from 1.3.0 to 1.4.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

micro-http-router is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

• ✅ now/api/getAllDiseases/index.js: is ready
• ✅ now/api/getDisease/index.js: is ready
• ❌ now/www/package.json: has failed
• ❌ now: Deployment has failed (Details).

---

Commits

The new version differs by 2 commits.

• 32e4e92 Added unroute method
• adc8739 Add full support for query parameters

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Add more details/data

We fetch the food details about diseases from dataList.js.
Add more data to it.

Follow the given JSON format in the file.

EDIT: we need at least 20 data and at max 30.
While adding the Image URL, use only HTTPS sources as our site is in https. using HTTP sources give us mixed content warnings!

Get the browser langauge

The site is in react/ NextJs. The master branch is always live. check out the URL from the home code screen.

ToDo,

1. Create a new component to get the language from the browser
2. store it in the local storage of the browser.
3. create a drop-down list with two values. first value should be "English" and other is the language fetched from the browser. the location of this drop-down should be right-hand side of the about button in navigation on.

happy hacking! :)
comment below if you need help or want to work on this!

FrontEnd: create a footer component

This is react/ nextjs webapp.
Create a new Footer component.
And add this footer component in the Layout.js.
Read the readme.md for more information or comment if you need more information or help!

FrontEnd: make foodDetails.js more intuitive

This is react/ nextjs webapp.
First, the issues #4 , #3 and #5 should be completed to do this. if it's not completed then check them out first!

change file foodDetails.js and make it look more intuitive!

Read the readme.md for more information or comment if you need more information or help!

Add unit tests

The website does not have any unit tests currently so it should be added ASAP.

Unit tests to be added in:

• Components
• Pages
• Api Modules

FrontEnd: Separate food data and render it in separate list.

we have data for various diseases. check out the site, http://good-food-guide.netlify.com

currently, it shows verg and non veg food combined but some people are vegan so we want to separate the data in json and show the same separately in components/FoodCard.js and pages/foodDetails.js

The website is in React/ NextJs. comment for more information!

FrontEnd: create a new react component to show breadcrumbs

The website is in React/nextjs. you can check out the live version.
we are using material-ui.

From home, if you click on learn more, a new page comes.
Here, in foodDetails.js,
there should be breadcrumb shown just below the navigation menu.

For more information comment.

An in-range update of mongoose is breaking the build 🚨

The dependency mongoose was updated from 5.5.2 to 5.5.3.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

mongoose is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

• ✅ now/api/getAllDiseases/index.js: is ready
• ✅ now/api/getDisease/index.js: is ready
• ❌ now/www/package.json: has failed
• ❌ now: Deployment has failed (Details).

---

Commits

The new version differs by 20 commits.

• 63be350 chore: release 5.5.3
• 6a94b74 chore: add tekhattan as an opencollective sponsor
• 082b729 docs(aggregate): use eachAsync() instead of nonexistent each()
• b5a6f22 docs(model): list out all operations and options for bulkWrite()
• ac10789 docs(validation): add CastError validation example
• 8f37ebf refactor(array): move _parent property behind a symbol
• 0b84971 fix(query): dont show useFindAndModify deprecation warning if useFindAndModify = false
• 191994e style: fix lint re: #7679
• d7c0f20 fix(update): run setters on array elements when doing $set
• c0000e0 test(update): repro #7679
• 1474fe8 fix: add findAndModify deprecation warning that references the useFindAndModify option
• 5fa7177 docs(query+model): list out all options and callback details for Model.updateX() and Query#updateX()
• e410423 fix(document): handle pushing a doc onto a discriminator that contains a doc array
• b28e489 test(discriminator): repro #7704
• 92dd346 Merge pull request #7718 from rzymek/buffered-arguments-fix

There are 20 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴