dariusgarcia / nutrivalue

Next.js app that lets users keep track of their daily calories, search recipes, and add their own recipes.

nutrivalue

Next.js app that lets users keep track of their daily calories, search recipes, and add their own recipes.

link to NutriValue server GitHub repo

Description

I decided to build this web app to make it easy to keep count of my daily macros and meals. NutriValue allows you to input meals which keeps track of your calories, proteins, carbs, fats, etc.

Usage

• Create an account and add meals to your diary
• See total nutritional values

Technologies used:

• React
• Nextjs
• TypeScript
• Node.js
• Express.js
• Tailwind CSS
• MySQL
• User Authentication
• Sequelize
• Chart.js
• Client hosted on Vercel
• Server deployed on Heroku

User Stories

The following functionality is completed:

• User can create an account and sign in.
• The user should switch between different tabs - viewing the diary dashboard, add meal page, or home page.
• User can search recipes to add to their meals
• User can add, update, and delete meals from their diary
• User can view their daily nutritional stats about what they ate

Installation

Setting up the Client

cd into the Client/ directory and run:

add env vars

NEXT_PUBLIC_SERVER_BASE_URL=http://localhost:4001

npm install

npm run dev

Build for production

npm run build

Setting up the Express Server

To start the server, you can cd into the Server/ directory and run:

add env vars

PORT=4001
HOST='127.0.0.1'
USER='root'
PASSWORD=
DATABASE='nutriValue'
JWT_SECRET_KEY=

npm install

npm run start or nodemon index.js