Skip to content

This is a Full-Stack MERN-Stack/TypeScript app called TriFit. Users can sign up/log in to their accounts and curate meal plans and workouts for themselves using full CRUD. Users can also display their weights and calories on a responsive scatter plot.

Notifications You must be signed in to change notification settings

nickldimartino/trifit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

92 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

TriFit

πŸ“ Description

Welcome to TriFit! The Personal Fitness Journal where you can view a list of exercises and foods that can be added to workouts and meal plans. Customize your own workouts on the You Workouts page. Create Meal Plans for yourself that show to number of calories, protein, carbohydrates, and fat for each food and the entire meal plan. You can even keep track of the number of calories you eat a day compared to your weight on a responsive scatter plot.

πŸ–ΌοΈ Screenshots

πŸ“Š App Web Pages
Description Screenshot

Sign Up

Log In

Home Page

Exercises Page

Workouts Page

Foods Page

Meal Plans Page

Body Stats Page

Personal Trainer

πŸ’» Technologies Used

React TypeScript JavaScript MongoDB Express TS-NODE Node Jest HTML5 CSS3 NPM Git Webpack Postman Markdown Prettier Github Slack Trello Zoom Heroku VSCode Ubuntu Windows

βš›οΈ Getting Started

πŸ“² Instructions

How to Navigate the App
  1. Sign up for an account or Log in using a previous account.

  2. There are five pages to visit: Exercises, Your Workouts, Foods, Your Meal Plans, and Your Body.

  3. The Exercises Page displays a list of exercises that can be added to Workouts.

  4. The Your Workouts Page displays a user's created Workouts and provides the option to add, edit, or delete a Workout with details of each one.

  5. The Foods Page displays a list of foods that can be added to Meal Plans.

  6. The Your Meal Plans Page displays a user's created Meal Plans and provides the option to add, edit, or delete a Meal Plan with details of each one.

  7. The Your Body Page displays a user's history off added Weight vs Calories data points on a scatter plot.

  8. On the Your Body Page, an AI Personal Trainer chatbot is available for fitness and nutrition questions.

πŸ”— Links

Trello Board

https://trello.com/b/8ONPeZBF/trifit

⏭️ Next Steps

  • Find and fix possible bugs
  • Refactor code
  • Add a rep and set counter for each exercise

About

This is a Full-Stack MERN-Stack/TypeScript app called TriFit. Users can sign up/log in to their accounts and curate meal plans and workouts for themselves using full CRUD. Users can also display their weights and calories on a responsive scatter plot.

Topics

Resources

Stars

Watchers

Forks

Languages