A modern, intuitive macro nutrient tracking application built with React and Firebase. Track your daily food intake, monitor macros, and achieve your nutrition goals.
👉 Test
Test credentials (or create your own account):
- You can register with any email and password
- All data is stored securely in Firebase
*Secure authentication with Firebase*
*Track your daily macros at a glance*
*Search USDA food database or enter manually*
-
🔐 Secure Authentication
- User registration and login with Firebase Auth
- Protected routes and personalized data
-
🍎 Smart Food Logging
- Search 350,000+ foods from USDA FoodData Central
- Manual entry for custom foods
- Automatic macro calculation
-
📊 Macro Tracking
- Real-time calorie and macro totals
- Visual progress indicators
- Daily goal tracking (Calories, Protein, Carbs, Fat)
-
🎯 Customizable Goals
- Set personalized macro targets
- Adjust goals anytime
- Track progress against your goals
-
📱 Responsive Design
- Works on desktop, tablet, and mobile
- Clean, modern UI
- Smooth animations and transitions
-
💾 Cloud Storage
- All data synced to Firebase Firestore
- Access from any device
- Automatic backups
- React 18 - UI framework
- Vite - Build tool & dev server
- React Router - Client-side routing
- CSS3 - Styling
- Firebase Authentication - User management
- Cloud Firestore - NoSQL database
- Firebase Security Rules - Data protection
- USDA FoodData Central - Food nutrition database
- Node.js 16+ and npm
- Firebase account
- USDA API key (optional - DEMO_KEY works)
- Clone the repository
git clone https://github.com/helloivankorGit/macro-tracker.git cd macro-tracker