Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/martiigarcia/gesdeportiva/llms.txt

Use this file to discover all available pages before exploring further.

This guide gets the app running on your machine as quickly as possible. You will clone the repository, install JavaScript dependencies, start the Metro bundler, and then launch the app on Android or iOS.

​
Prerequisites

Before you begin, make sure you have the following installed:
  • Node.js — v16 or later recommended
  • npm — bundled with Node.js
  • React Native CLI — available via npx react-native (no global install required) or installed as part of your project
  • Android Studio — required for Android development (includes the emulator and SDK)
  • Xcode — required for iOS development (macOS only)
You must complete the React Native environment setup for your target platform before running the steps below. Android Studio and Xcode each require additional SDK and toolchain configuration.

​
Run the app

1

Clone the repository

git clone https://github.com/martiigarcia/gesdeportiva.git
cd gesdeportiva
2

Install dependencies

npm install
This installs all packages listed in package.json, including React Navigation and its peer dependencies.
3

Start the Metro bundler

Metro is the JavaScript bundler for React Native. Start it in a dedicated terminal window and leave it running.
npm start
4

Run on your target platform

Open a second terminal and run the command for your platform:
npm run android

​
Available scripts

These are the scripts defined in package.json: 
"scripts": {
  "android": "react-native run-android",
  "ios": "react-native run-ios",
  "start": "react-native start",
  "test": "jest",
  "lint": "eslint ."
}
ScriptCommandDescription
npm run androidreact-native run-androidBuilds and launches on a connected Android device or emulator
npm run iosreact-native run-iosBuilds and launches on an iOS simulator (macOS only)
npm startreact-native startStarts the Metro bundler
npm testjestRuns the Jest test suite
npm run linteslint .Lints the JavaScript source with ESLint

​
What you will see

Once the app launches, you will see two bottom tabs:
  • Login — renders a basic login screen (screens/Login.js)
  • Menu — renders a basic menu screen (screens/Menu.js)
Both tabs are registered in navigations/Navigation.js using createBottomTabNavigator from @react-navigation/bottom-tabs. Each tab header is center-aligned, as configured by the headerTitleAlign: 'center' option.
If Metro starts but the app does not load, make sure your emulator or simulator is already running before executing npm run android or npm run ios.

Build docs developers (and LLMs) love

Get started for freeTalk to us