It was never so easy to get YouTube subscribers
Get Free YouTube Subscribers, Views and Likes

Building a MyFitnessPal Clone: React Native Tutorial for Beginners

Follow
notJust․dev

Build a MyFitnessPal Clone in React Native by following a beginner friendly, project based tutorial, with a stepbystep guide included.

This tutorial is sponsored by ✨IBM StepZen✨ a GraphQL server with a unique architecture that helps developers build APIs fast and with less code
❇ Get your free account here: https://bit.ly/48IlW94

In this video, we will be building our own food tracking app, just like MyFitnessPal, using React Native, Expo, Expo Router and IBM StepZen. We'll dive into creating a food, grocery, and nutrition app that lets you search and log your meals, giving you all the details on calories and macros. We will be integrating the Food and Grocery Database API in our application to make food tracking easy. Ready? Grab your laptop, and let's get coding!

✅ Stepbystep Guide: https://notjust.notion.site/MyFitness...
✨ Asset Bundle: https://assets.notjust.dev/myfitnesspal
Source Code: https://github.com/notJustdev/MyFitn...

❗Try our FREE 2day Masterclass on notJust.Academy: https://assets.notjust.dev/masterclas...

This video includes a lot of tools and technologies, providing an excellent opportunity to learn about:
Introduction to React Native and project overview
Setting up the development environment (React Native, Expo and Expo Router)
Designing the UI for the app
Implementing the search and log food feature
Integrating the Food and Grocery Database API
Displaying nutrition information (kcals, macro nutrients)
Testing and debugging the app

Enroll NOW in The FullStack Mobile Developer course and don’t miss out on your chance to become a 6figure dev! Check out what our successful students are saying about their experience:
https://academy.notjust.dev/?utm_sour...

Have an idea for a future tutorial? Share it on our Idea Board: https://github.com/orgs/notJustdev/d...

Join the notJust Development gang and let's build together:
Twitter:   / vadimnotjustdev  
Instagram:   / vadimnotjustdev  
Facebook:   / notjustdev  
LinkedIn:   / vadimsavin  
Discord:   / discord  

Timecodes:
0:00 Intro and Overview
3:52 Setting up a fresh Expo Project
10:09 Installing and Setting up Expo Router
22:23 Building the Search UI (User Interface)
1:09:21 Integrating the Food API with the app
1:17:37 Installing and Setting up IBM Stepzen
1:47:51 Fetching GraphQL data using Apollo Client
2:17:53 Designing the Remaining Screens
2:31:41 Building a Custom PostgresSQL Database
2:37:24 Connect Stepzen API to the Database
2:40:33 Creating and Running Queries and Mutations
3:16:46 Add searched food to logged food Feature
3:31:54 Implementing the Barcode Scanner Feature
3:59:30 Outro

Disclaimer: This build is for educational purposes only. All views, opinions, and technology choices expressed in this video are my own and do not represent the views, opinions, or technology choices of any entity I have been, am now, or will be affiliated with.
#notjustdev #myfitnesspal #reactnative

posted by Tsitselisgo