This project demonstrates using expo-router to build native navigation in a React Native application using the file-based routing system in the app/ directory. The app is built entirely with JavaScript and is designed to run on iOS, Android, and the web.
- Features
- Installation & Setup
- Project Structure
- Available Scripts & Terminal Commands
- API Endpoints
- Deployment
- Learn More
- Contributing
- License
- File-based routing using
expo-router - Cross-platform support (iOS, Android, Web)
- Ready for Expo Application Services (EAS) deployment
- Rapid development with hot reloading
- Node.js (version 14.x or higher recommended)
- Yarn or npm
- Expo CLI (
npm install -g expo-cli) - (Optional) EAS CLI (
npm install -g eas-cli) for advanced deployment
To start a new project with this template:
npx create-expo-app -e with-routerOr, if cloning this repository:
git clone https://github.com/afnanalamm/Myapp1.git
cd Myapp1
yarn install # or npm installTo start the development server:
yarn start # or npm run startThen, use the Expo Go app or an emulator to view the app.
Myapp1/
├── app/ # Route-based directory structure
├── assets/ # Images, fonts, etc.
├── package.json
├── app.json / app.config.js
├── README.md
└── ...
- app/: Main application code, organized by routes.
- assets/: Static resources.
- Start development server:
yarn start
- Build for production (EAS):
npx eas-cli build
- Deploy website (EAS Hosting):
npx eas-cli deploy
- Install dependencies:
yarn install
- Add a package:
yarn add <package-name>
This template does not include a backend or custom APIs by default. If you add API calls, document them here, e.g.:
- GET /api/example — Fetches example data
- POST /api/item — Creates a new item
Add details as your project evolves.
Deploy on all platforms using Expo Application Services (EAS):
Web:
npx eas-cli deployiOS & Android:
npx eas-cli build
- Fork this repository
- Create your feature branch (
git checkout -b feature/YourFeature)- Commit your changes (
git commit -am 'Add new feature')- Push to the branch (
git push origin feature/YourFeature)- Open a pull request
Include your license here (e.g., MIT, Apache-2.0).
Note:
The above README incorporates all available information from your repository’s current README and expands it with standard Expo/React Native practices.
For more details or to see the latest updates, visit the repository on GitHub.