Skip to content

This is a full CRUD browser-based ketogenic-diet centered nutrient tracking app written in Vue.js, Django, and Python which I coded two weeks after being introduced to these languages.

Notifications You must be signed in to change notification settings

gmenke54/My_Keto_Pal_Front_End

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MyKetoPal Nutrient Tracker Frontend

Grant Menke

2/14/2022


Ketogenic Diet

A Full-stack proprietary nutrient tracker to help users become informed on and maintain a ketogenic diet.


Description

This is a full CRUD browser-based ketogenic-diet centered nutrient tracking app written in Vue.js, Django, and Python which I coded two weeks after being introduced to these languages.

Backend Github: Github Frontend Github: Github


Screenshots

Final Application Screenshots: dashboard feed


Technologies

  • Vue.js
  • Vuex
  • Python
  • Django
  • Javascript

Roadmap (Future Updates)

  • Integrate Nutrient Tracker
  • Integrate live ketogenic diet scholarly articles into feed page
  • Implement a live chat box using websockets
  • Allow users to upload progress photos
  • Include vitamins in database for food and recipes

Getting Started

The Entity Relationship Diagram and Component Hierarchy Diagram I used to develop this application can be found on the project's Trello Board

  1. Sign-up for an account
  2. Log-in with your credentials
  3. Create a profile to customize your expierence
  4. Log the food you eat each day on the dashboard
  5. Share links, images, and words of encouragement on the feed page
  6. Track your progress and view your custom projection on your profile

Credits

Keto Food Title Image: Unsplashed, Brooke Lark

Logo Designed Using: Canva

Nutrients API: EDAMAM

Token Based Auhentication Tutorial MonkHaus

Date Picker Plugin: V-Calendar

URL Link Preview API: Link Preview

Loading Wheel CSS: Loading.io

Data Mapping Plugin: Chart.js, Vue-Chart-3

Toggle Button Plugin: VueForm

About

This is a full CRUD browser-based ketogenic-diet centered nutrient tracking app written in Vue.js, Django, and Python which I coded two weeks after being introduced to these languages.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages