samuelkoller / nutrition-app

An analytics driven, meal planning full-stack application

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

Ingredient nutritional data

Recipe nutritional data

Favourite recipes page

Meal schedule page

Weekly nutritional data

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.