Richard/myfit.health
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions
health and fitness tracking application designed to help users monitor their physical activities, health metrics, and personal goals. https://myfit.health
58 commits 2 branches 0 tags 9.1 MiB
Find a file
Exact
Richard Nixon 649f64b87a Update README.md
2025-07-08 12:00:00 +01:00
public animation for readme 2025-06-25 12:00:00 +01:00
src Update App.jsx 2025-07-07 12:00:00 +01:00
.gitignore new bmi form and connecting to api 2025-06-02 12:00:00 +01:00
eslint.config.js new bmi form and connecting to api 2025-06-02 12:00:00 +01:00
index.html new icon, new tab description 2025-06-15 12:00:00 +01:00
LICENSE Initial commit 2025-05-12 12:00:00 +01:00
package-lock.json add dev deps back and install axios 2025-06-16 12:00:00 +01:00
package.json add dev deps back and install axios 2025-06-16 12:00:00 +01:00
README.md Update README.md 2025-07-08 12:00:00 +01:00
vite.config.js setup env pro render 2025-06-12 12:00:00 +01:00

README.md

🏋️ myfit.health

License Status Made with

myfit.health is a health and fitness tracking application designed to help users monitor their physical activities, health metrics, and personal goals. This document outlines the core functionality, architecture, technologies used, and development journey of the project.

image

📚 Table of Contents

📌 MVP (Minimum Viable Product)

The MVP includes the following core features:

  • ✅ Create a Single Page Application (SPA), using React, consisting of multiple views.
  • ✅ The React application should be integrated with either a mock backend or an external API and should perform all CRUD (Create, Read, Update, Delete) operations on that API.
  • ✅ Your project should be deployed online, allowing anyone to access and use your app.
  • ✅ Have your project available on a GitHub repository. If your project includes a mock back-end API you should have two GitHub repositories - one for your front-end React application and the other for your back-end API.
  • ✖️ Have at least 2 commits per day on your project repository that you worked on.
  • ✅ As a final step, check all the features outlined in points 1 - 3 and ensure they are implemented and working ahead of delivery

📌 Extras

  • Custom Domain
  • Responsive UI for mobile and desktop
  • Cors Validation

🔧 Technologies Used

  • Frontend: React.js / Vite
  • Backend: Node.js, Express.js
  • Database: Json File
  • Authentication: JWT / OAuth 2.0
  • Styling: CSS
  • Deployment: Render
  • Version Control: Git + GitHub

🧱 Data Structure

User Schema (Json File)

{
"id": 1746882543193,
"name": "Olivia Smith",
"age": 39,
"weight": 64,
"height": 165,
"gender": "female",
"activityLevel": "moderate",
"activityDescription": "Moderate exercise 3-5 days/week",
"bmiValue": "23.51",
"bmiCategory": "Normal weight",
"createdAt": "2025-05-10T13:09:03.193Z"
}

📐 Architecture Diagram

image

🚧 Challenges & Lessons Learned

  • Time management is something that needs to be taken seriously.

  • Be avoid of over engineering.

  • Deploying in early stages will help you mitigate misconfigurations and bugs earlier.

👨‍💻 Developers

Name Role GitHub
Richard Nixon Fullstack Developer @richardnixondev
Kainat Naseer Fullstack Developer @kainat-1

📈 Future Improvements

🔐 Implement JWT refresh cycles and data encryption.

🧩 integration with third-party APIs.(Nutritionix)

⌚ Wearable sync (Apple Watch/Google Fit)

🤖 AI-driven goal recommendations

🏆 Social features (leaderboards, challenges)

🚀 Live Demo

https://myfit.health