/nutrition-app

An analytics driven, meal planning full-stack application

Primary LanguageJavaScript

VegTable

VegTable is an analytics driven meal-planning application built with React that allows users to schedule meals and track their nutritional intake using data retrieved from the Edamam API.

Click here to view the live version of this app.

Graphs are rendered using Recharts and updated in real-time with Socket.io.

Preview

Ingredient search results

"Screenshot of ingredient search page"

Ingredient nutritional data

"Screenshot of ingredient nutritional data page"

Recipe nutritional data

"Screenshot of recipe nutritional data page"

Favourite recipes page

"Screenshot of favourites page"

Meal schedule page

"Screenshot of schedule page"

Weekly nutritional data

"Screenshot of macro nutrition page"

Dependencies

  • @babel/runtime 7.9.2
  • @testing-library/jest-dom: 4.2.4
  • @testing-library/react: 9.5.0
  • @testing-library/user-event: 7.2.1
  • axios: 0.19.2
  • bootstrap: 4.4.1
  • dotenv: 8.2.0
  • js-cookie: 2.2.1
  • moment: 2.24.0
  • react: 16.13.1
  • react-dates: 21.8.0
  • react-dom: 16.13.1
  • react-router-dom: 5.1.2
  • react-scripts: 3.4.1
  • react-slick: 0.25.2
  • react-with-direction: 1.3.1
  • recharts: 1.8.5
  • semantic-ui-react: 0.88.2
  • slick-carousel: 1.8.1
  • socket.io: 2.3.0
  • socket.io-client: 2.3.0

This project was bootstrapped with Create React App.