Skip to content

Repository files navigation

React TailwindCSS JavaScript Figma

FitApp

I’m currently building this demo — Work in Progress..

👀 GitHubPages

A strict diet tracking app designed for fitness enthusiasts. Everything is pre-defined and aligned to a specific goal (starting with bulking).

This app is inspired by the bodybuilding lifestyle where nutrition is everything. It draws influence from:

  • Pro athletes & fitness creators
  • Popular supplement and clothing brands
  • Personal training & strict bulk/cut programs
  • (Coming Soon) mockups, Figma links, or screenshots.

Features

  • Macro Calculator: Automatically calculates macros based on weight and goal (e.g., bulk, cut, maintenance).
  • Food Tracker: Logs every meal with a fixed food list.
  • Shopping List: Shopping list of all foods included in the plan.
  • Fitness Blog: Tips, recommendations, and links to trusted resources & brands (e.g., Bridman, Raw, Bum, Dragon Pharma, GNC, Gymshark, YoungLA, Dfyne, IG fit clothing profiles).

Project Goals

  • Provide a clear, structured diet plan without guesswork.
  • Help users stay accountable to strict nutrition tracking.
  • Build a foundation for future integrations with wearables and fitness tracking devices.

Roadmap

  • Set up project structure
  • Implement macro calculator
  • Add food tracking module
  • Build shopping list feature
  • Create blog section with curated content
  • UI/UX design with responsive layouts
  • Future: Integration with wearables (Apple Watch, Whoop, etc.)

Tech Stack

  • Frontend: React + Tailwind CSS
  • Backend: Node.js / Express (possible future Spring Boot)
  • Database: MySQL / MongoDB (to store food items, macros, users)

Contributions are welcome! Fork this repo and submit a PR.

About

No description, website, or topics provided.

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages