Documentation
Expo Project

𝝠 Expo Projects

File Structure


MyExpoProject
β”œβ”€β”€ assets
β”‚ β”œβ”€β”€ fonts
β”‚ └── images
β”œβ”€β”€ components
β”‚ β”œβ”€β”€ Button.js
β”‚ β”œβ”€β”€ Header.js
β”‚ └── ...
β”œβ”€β”€ screens
β”‚ β”œβ”€β”€ HomeScreen.js
β”‚ β”œβ”€β”€ ProfileScreen.js
β”‚ └── ...
β”œβ”€β”€ App.js
β”œβ”€β”€ app.json
β”œβ”€β”€ babel.config.js
β”œβ”€β”€ package.json
└── README.md

Project Structure Explanation

  1. assets:

    • Contains project assets.
      • fonts: Custom fonts for the project.
      • images: Image assets for the project.
  2. components:

    • Holds reusable UI components.
      • Button.js: Reusable button component.
      • Header.js: Reusable header component.
      • ...
  3. screens:

    • Houses individual screen components.
      • HomeScreen.js: Home screen component.
      • ProfileScreen.js: Profile screen component.
      • ...
  4. App.js:

    • Main entry point for the Expo project.
  5. app.json:

    • Configuration file for Expo.
  6. babel.config.js:

    • Babel configuration for the project.
  7. package.json:

    • Node.js package configuration.
  8. README.md:

    • Project documentation.

Feel free to adapt and customize this structure based on your specific project requirements.