/DTox-Frontend

A collaborative project built with the MERN Stack for users to self-educate on the harmful toxins within common household products and share personal knowledge of healthy alternatives.

Primary LanguageJavaScript

DTox

A web app to help inform users on what toxic chemicals may be in their everyday lives. We break it down into three types of products:

  • Food
  • Cleaning Supplies
  • Other Household or Beauty Products

As users enter the app they will be able to click on one of the three categories above through the navigation bar. They will then be directed to a list of chemicals found in those products as well as a section to keep track of alternatives products that don't contain these chemicals. Users can create, read, and delete these alternatives.

Each chemical in the list can be clicked on, which will lead users to a page that describes the chemical, and lists a few products that contain that specific chemical.

Developers

  1. Jenna Parker
  2. Kelly Nelson
  3. Jordin Bryant

Screenshots

Landing Page:

List of chemicals and healthy alternatives:

index page

Chemical Show Page:

show page

Technologies Used

  • MERN stack
    • Mongoose / MongoDB
    • Express.js
    • React.js
    • Node.js
  • JavaScript
  • CSS
  • Sass
  • FireBase AUTH
  • Postman
  • Heroku
  • Netlify

Getting Started

Click here to view the App and start by choosing between Food, Cleaning Products, and Other Household / Personal Products.

Future Enhancements

References

For Cleaning Supply Chemicals:

  1. https://my.clevelandclinic.org/health/articles/11397-household-chemical-products-and-their-health-risk#:~:text=There%20are%20numerous%20%22all-purpose%22%20cleaning%20products%20on%20the,glycol%20monobutyl%20acetate%2C%20sodium%20hypochlorite%20and%2For%20trisodium%20phosphate.
  2. https://www.epa.gov/indoor-air-quality-iaq/what-are-volatile-organic-compounds-vocs
  3. http://signaturefillingcompany.com/dangers-aerosol-products-stay-safe-using/
  4. https://www.healthista.com/chemicals-in-cleaning-products/
  5. https://www.epa.gov/formaldehyde/facts-about-formaldehyde
  6. https://naturwarriors.com/2017/08/26/tide-gain-and-other-toxic-laundry-detergents/
  7. https://www.newscientist.com/article/dn2126-chloroform-high-in-swimming-pools/

For Other Product Chemicals:

  1. https://www.webmd.com/diet/what-to-know-about-propylene-glycol-in-foods
  2. https://thompsontee.com/blog/the-truth-behind-5-controversial-toxins-in-antiperspirant/
  3. https://wwwn.cdc.gov/TSP/MMG/MMGDetails.aspx?mmgid=216&toxid=39
  4. "https://justenergy.com/blog/the-dirty-dozen-12-harmful-chemicals-to-rid-your-house-of-today/
  5. https://www.e-cycle.com/cell-phone-toxins-and-the-harmful-effects-on-the-human-body-when-recycled-improperly
  6. https://www.e-cycle.com/cell-phone-toxins-and-the-harmful-effects-on-the-human-body-when-recycled-improperly
  7. https://wwwn.cdc.gov/TSP/MMG/MMGDetails.aspx?mmgid=157&toxid=29
  8. https://www.hannasillitoe.com/blogs/news/why-paraffin-and-petroleum-products-are-bad-for-skin-problems
  9. https://www.hannasillitoe.com/blogs/news/why-paraffin-and-petroleum-products-are-bad-for-skin-problems
  10. https://www.webmd.com/beauty/features/harmful-chemicals-in-your-cosmetics

For Chemicals in Food:

  1. https://www.healthline.com/nutrition/foods-with-high-fructose-corn-syrup
  2. https://www.healthline.com/nutrition/food-toxins-that-are-concerning#TOC_TITLE_HDR_5
  3. https://betterhealthmarket.com/043011_top-ten-toxic-ingredients-in-processed-food_01.html
  4. https://www.livestrong.com/article/264858-list-of-foods-that-have-sodium-nitrate/
  5. https://www.foodnerdinc.com/blogs/food-for-thought/artificial-food-coloring-no-thank-you
  6. https://www.ncbi.nlm.nih.gov/pmc/articles/PMC3198517/#:~:text=Besides%20its%20benefits%2C%20animal%20studies,are%20also%20noted%20in%20humans.
  7. https://thenewpress.com/blog/15-palm-oil-products-you-probably-have-your-home.
  8. https://www.who.int/news-room/questions-and-answers/item/chemical-safety-pesticides