drex44drex44
48

Good Food Guide

screenshot of Good Food Guide
nextjs
react
material-ui

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

GithubDemo

Overview

The Good Food Guide is an innovative resource designed to help individuals identify which foods are beneficial for specific health conditions. With a user-friendly interface, it provides valuable information to those looking to improve their diets based on particular diseases or wellness goals. Created during Hacktoberfest '18, this open-source project invites contributions and hints at a growing community focused on health and nutrition.

Features

  • Disease-Specific Food Recommendations: Easily find foods that are suited for your unique health conditions, promoting better dietary choices.

  • Open-Source Collaboration: Encourages contributions from a diverse community, allowing for continuous improvement and updates to the guide.

  • User-Friendly Frontend: Built with NextJS, the frontend provides a smooth, intuitive experience for users navigating food options.

  • Advanced Search Functionality: Utilizing Algolia for search capabilities, users can quickly locate specific information about foods and their health benefits.

  • Continuous Deployment: Enjoy the latest updates effortlessly, with the website automatically deployed upon merging contributions from the community.

  • Clear Contribution Guidelines: Well-defined procedures make it simple for new contributors to join and enhance the project.

  • Modern Technology Stack: With tools like NodeJS and MongoDB, the backend is robust and scalable, ensuring optimal performance.

nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

material-ui
Material UI

material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.