/carb-cycling-planner

A web app for easy tracking and planning your carb cycling diet.

Primary LanguageTypeScript

Carb Cycling Planner

home page

About The Project

A web app for easy planning and tracking your carb cycling diet. Calculate your TDEE, set up your goal, and choose between high-mid-low carb to know your daily targeting micros. Search or simply create your own food data to keep your diet diary on track. The app will automatically calculate the consumed calories and visualize your progress.

Link

Click the link to check out the app: https://carb-cycling-planner.web.app/

Usage

  Tester Account Playground

Email: tester123@email.com
Password: xyz2000

  Diary

diary page

    Add, remove or edit your food items under the meal categories. Select your daily carbs intake and the app will calculate your daily micros goal.

  Search

diary page

    Quick-add any food items from your history or search for a new food. If it's not found in the database, simply create a new one.

  Dashboard

diary page

    Review your diary entries with clear data visualization and access the diary of any specific day from a simple click.

Built with

  • TypeScript
  • React
  • Redux / Redux Toolkit
  • React Router v6
  • styled-components
  • Firebase Authentication
  • Firestore Database