Trakcal

Started working on the progress tab to show your bmi how close you are to your goal weight and be able to add progress photos, also hoping to add the abily to see past days going back more than a week

This Devlog is a big combination of the past few days that ive been trying to get back into this project after being burn out

today i finished the scanning food barcode and acc made the food add to the database. i also added the ability to favorite foods.

then i also tried to start on the ai camera meal calorie guessing think and i literally did all of it with open ai then i realized that open ai scammed me because i though i had 5$ in credits. so i just ended up scrapping all the code exact the camera ui and ill work on it tomorrow when i can find a better ai provider

i started working on parsing the api after scanning the foods barcode and i made the base part of the gui for the menu you can see the calories, proteins, carbs, fats, and i plan to add, fiber, sugar, sodium, you will also soon be able to see all the ingredients in the food, i will also be adding to change the time which you want to log for like breakfast, lunch, dinner

started working on the adding foods part and got the barcode part working good i tried to parse the data from open food facts but it was very hard and i ended up giving up and will try and do it later. they make it so complicated for no reson

Finished the main parts of the main page and added some colors and it turns red if your over your recommended daily limit i also am just started working on the part where you can acc log your food i also did some file clean up and made the main page easier to read i did half of this last night and im sick so sorry for not listing everything i really did ps. there is a like 4 second pause in the video because im changing a value in the database because i havent added that feature into the app yet

I started working on the home screen of the app where you can see the days of the week and see the bar of your percent of calories in your deficit for fulled it also shows if you didn’t log any that day + it tells you the number day so you can easy know what day it is without having to do the mental math you also have a big progress bar that you cant miss. i also added a plus button to the tabs bar that will let you pick your your food that you ate that day. sorry for the sloppy devlog im just tiered and worked 10 hours today if i missed anything ill edit it tomorrow morning

just added simple changes to the database functions so the new system with TDEE and Macros stays edit on editing personal info

most of the functions look simulir with some spread out differences

i set this up for Change current weight, change height, change age, change gender

Big update! We’re getting close to the main feature of the app — calorie tracking.

Today, I started moving several functions out of my TSX files into separate TS files to make the codebase easier to read and maintain. I also added calculations for:

TDEE (Total Daily Energy Expenditure)

Personalized calorie deficit

Daily macro targets (protein, fats, and carbs)

How the calculations work

Convert height to inches and calculate BMI with weight and height.

Calculate BMR using height, weight, age, and gender.

Apply an activity multiplier based on workouts per week to get TDEE.

Subtract calories based on desired weekly weight loss to get goal daily calories.

Split calories into macros:

30% protein

25% fat

45% carbs

Convert macro calories into grams.

Calculate recommended daily limits for fiber, sugar, and sodium.

I finished adding the translations for the rest of the pages that I created. I couldn’t make a video showing all the languages because it would be too large of a file.

Added some small fixes, like changing text that was misspelled and adding checks to make sure users don’t enter nothing in the on boarding process. Also added a function to the delete button that deletes your account in Clerk and in the Convex database.

psa - also added the video from last devlog because format was invalid

Pretty big update today. I added all the tabs inside the personal details page where you could:

• change your current weight
• change your height
• change your age
• change your gender
• change how many steps you want to do daily
• change your goal weight
  It will render dynamically as well. I added the ability to change your profile picture by adding either a photo by using your camera or by uploading a photo from your camera roll. I still need to add all the languages to the new pages though.

So I switched back to pounds instead of kilograms, and I also added BMI and BMR into my schema for my database so I could use it later on to calculate how many calories the user should be eating per day, as well as other workout and calorie tracking things.

In the edit profile tab, I made it so you can change your first name, last name, and user name and show up in the convex database, as well as dynamically update on the app.

Today, I worked on adding multiple languages to my app, including:

• English
• Chinese
• Russian
• Dutch
• French
• Spanish
• Italian
• Portuguese
• Swedish
• Hindi
  Where you could choose one of them and it will automatically update in real-time as well as save your pick when you close the app. Quick note - I’ve only added it to the pages that I have designed UI for, so it’s only like two or three, but it is very dynamic and able to be replicated very easily and added upon. Using a package called I18N

Add the reminders tab where you can change what time you want to be reminded of when you should log your food.

I worked and finished on the edit profile tab, as well as the personal details where you could change:

• your goal weight
• current weight
• height
• date of birth
• gender
• daily step goal
  I also added the language tab, where you can choose from:
• English
• Chinese
• Russian
• German
• Dutch
• French
• Spanish
• Italian
• Portuguese
• Swedish
• Hindi
  Then I also added the logout button that brings up an alert.
  I kind of hoped to get more done in the about four hours I worked, but I had a bunch of bugs I had to solve, and I’m new to expo, so it was hard, and I’m also burnt out from the weekend I’m going to try and finish the rest of the UI tabs throughout this week and then add function ability after that.

Today I finished working on the Settings tab UI and I added:

• Accounts
• Goals and Tracking
• Support and Legal
• Follow Me
• Logout and Delete
  I haven’t worked on the part where they work yet (like the function), but I’m going to do that next. I still have to create the UI for all these pages too.

Started on making the settings tab of the home screen. It took so long because I keep getting this error when I try to add shadows behind the background. It gives me this error saying it couldn’t find a navigation context. I’ve been trying to learn how to fix it, but I haven’t been able to so far.

Added redirect to home screen after making sure database has collected data and fixed 3 big use effect errors crashing the app on a regular basis when trying to redirect to home and when trying to sign out

Switched from imperial to metric to make development easier
added a function to add all on boarding data to the database and mark the user that they have completed on boarding
also changed database schema to use metric units

BIG UPDATE
I added dynamic text and variables to the on boarding section as well as fully Overriding the layout so that it will be easier to implement adding data into my convex database
before every form was in a separate page meaning i would have to create a user in the database first with all the info undefined and add it separately after each form was filled out. now i have made one main file onboarding.tsx that hosts every single useState so that i can easily add all the info at once and create the account at the end of the onboarding process

finally got convex to work after reading documentation for hours

i finished the UI for on-boarding pages for my fitness app

created the UI for getting height, weight and age in the on boarding section of my app this was by far the hardest to create because im not that expediences in using tailwind next i have to add checksums to make sure the info is acc a real age and height

added the first out of 12 pages in the onboarding section where you choose your gender and when you click it will light up showing you can continue and if you want to chose a different option it will deselect the other option i still need to setup the database so i can log this info before i can go to the next page and save the data for later so i can calculate stuff like calories and fitness

I added the function so when a user if created or they are signing in it will check if the user has completed the onboarding questions if they have it will automatically redirect them to the home page
there is a error but the app still works i cant find out how to fix it because im not that experienced with react native and expo

Ok in this code session i added API route that connects to the clerk webhooks so when a new user is created it contacts the api and adds metadata to the account so my app can tell is the user is a paid user and if the user has completed the first steps

worked on a api for my app using express.js

I added logic to integrate with clerk authentication for my email login page so i can login with email only and users don’t have to chose Oauth if they don’t want

First Dev Log kinda scaryy…….. all i added was my preexisting code to GitHub. I includes Oauth & regular email authentication with clerk as well as some sign in pages nothing cool yet but considering I’ve been working on this for only like 9 hours total i say its a success