expo-router-starter-kit 🏎️📱

Expo-router-starter-kit is a streamlined template for building cross-platform mobile apps with Expo. This template provides a starting point with updated features and simplified components for efficient development.

💻 Installation

# Clone and create a new repository from this template
# Install dependencies
pnpm install

# Run the project
pnpm ios

# or
pnpm android

🌐 Environment Variables

1. Create a .env file in the root of the project.

2. Define environment variables inside the .env file. Variables must start with EXPO_PUBLIC_.

3. Update _utils/env-loader schema to include new variables:

   const schema = z.object({
     EXPO_PUBLIC_MY_NEW_VARIABLE: z.string(),
   });
   

const my_env_var = process.env.EXPO_PUBLIC_MY_NEW_VARIABLE;

Note: Remember to restart the project after creating the .env file.

🔗 Deep Linking

For setting up deep linking, follow the documentation provided by Expo: Deep Linking.

📁 File Structure

The project is organized as follows:

- src          - Source code for the application.
- /components  - Reusable components.
- /screens     - Application screens.
- /assets      - Application assets (all assets stored here will be bundled).
- /utils       - Helper functions and utilities.

🖥 Screens

Main screens included in the template:

• Home Screen: The primary screen users see after logging in.
• Secondary Screen: Additional screen for supplementary features.
• Settings Screen: Allows users to customize their app experience.
• Navigation: Includes Top Navigation, Bottom Navigation, and Native Modal for seamless app navigation.

👥 Contributors

We are inviting developers who are passionate about Expo and React Native to collaborate with us. Whether it's contributing code, sharing ideas, or providing feedback, all forms of collaboration are welcome.

Special thanks to our contributors, including @kewinzaq1.