Workouts & Meal Planner App | ReactNative CLI | Figma + XD + Sketch FREE | Life Time Update | Fitbox

Configuration Settings

Environment Variables

To configure the environment variables, you need to create a new file called .env in the root directory of your project. Here is an example of the settings:

REACT_NATIVE_CLI_CONFIG=production firebase_api_key=YOUR_Firebase_API_KEY firebase_project_id=YOUR_Firebase_Project_ID firebase_app_id=YOUR_Firebase_App_ID firebase_messagingSenderId=YOUR_Firebase_MessagingSenderId firebaseMeasurementId=YOUR_Firebase_Measurement_Id

Firebase Configuration

To configure Firebase, you need to create a new file called firebase.js in the src directory of your project. Here is an example of the settings:

import firebase from 'firebase/app';
import 'firebase/auth';
import 'firebase/firestore';
import 'firebase/storage';

const firebaseConfig = {
  apiKey: process.env.firebase_api_key,
  authDomain: 'YOUR_Firebase_AuthDomain',
  projectId: process.env.firebase_project_id,
  appId: process.env.firebase_app_id,
  messagingSenderId: process.env.firebase_messagingSenderId,
  measurementId: process.env.firebaseMeasurementId,
};

firebase.initializeApp(firebaseConfig);

export const auth = firebase.auth();
export const db = firebase.firestore();
export const storage = firebase.storage();

Theme Settings

To configure the theme settings, you need to create a new file called theme.js in the src directory of your project. Here is an example of the settings:

export const theme = {
  colors: {
    primary: '#34A85A',
    secondary: '#F7F7F7',
    error: '#E53935',
  },
  fonts: {
    primary: 'Open-Sans',
    secondary: 'Montserrat',
  },
  spacing: {
    small: 8,
    medium: 16,
    large: 24,
  },
};

Workout Planner Settings

To configure the workout planner settings, you need to create a new file called workoutPlanner.js in the src directory of your project. Here is an example of the settings:

export const workoutPlanner = {
  exercises: [
    {
      name: 'Squat',
      reps: 3,
      sets: 3,
      weight: 0,
    },
    {
      name: 'Deadlift',
      reps: 3,
      sets: 3,
      weight: 0,
    },
  ],
  workouts: [
    {
      name: 'Chest and Triceps',
      exercises: [
        {
          name: 'Bench Press',
          reps: 3,
          sets: 3,
          weight: 0,
        },
        {
          name: 'Tricep Pushdown',
          reps: 3,
          sets: 3,
          weight: 0,
        },
      ],
    },
  ],
};

Meal Planner Settings

To configure the meal planner settings, you need to create a new file called mealPlanner.js in the src directory of your project. Here is an example of the settings:

export const mealPlanner = {
  meals: [
    {
      name: 'Breakfast',
      foods: [
        {
          name: 'Eggs',
          calories: 200,
        },
        {
          name: 'Avocado Toast',
          calories: 300,
        },
      ],
    },
    {
      name: 'Lunch',
      foods: [
        {
          name: 'Grilled Chicken',
          calories: 400,
        },
        {
          name: 'Quinoa Salad',
          calories: 300,
        },
      ],
    },
  ],
};

Here are the features mentioned in the content:

1. Clean Code: The app has clean and organized code.
2. Clean Design: The app has a clean and modern design.
3. Flexible UI: The app has a flexible and customizable user interface.
4. Smooth Transition Effects: The app has smooth transition effects between screens.
5. Font Awesome Icons: The app uses Font Awesome icons.
6. Mobile and Tablet Support: The app is compatible with mobile and tablet devices.
7. Responsive Design: The app has a responsive design that adapts to different screen sizes and devices.
8. Documentation Included: The app comes with detailed documentation.
9. Unique and Creative Design: The app has a unique and creative design.
10. Easy to Customize: The app is easy to customize and modify.
11. Animation Controller: The app has an animation controller that allows for smooth animations.
12. 39 Light Mode Screens: The app has 39 light mode screens that can be used as inspiration.
13. Support for ReactNative Latest Version: The app is compatible with the latest version of React Native.
14. Well-organized and Structured Layers: The app has well-organized and structured layers that make it easy to work with.
15. Figma, XD, Sketch File Added: The app includes files for Figma, XD, and Sketch design tools.
16. Poppins Font Added: The app includes the Poppins font.

Let me know if you would like me to extract any other information from the content.