A React Native mobile app that wraps the SAA Admin portal in a native shell.
SAA Admin Wrapper is a React Native mobile application for the admin side of SAA. It's totally dependent on the website — the app loads the SAA Admin portal inside a native WebView, giving admins app-like access to management features on Android and iOS without a full native rebuild. It's built on top of a NativeWind (TailwindCSS) template for fast, utility-first styling.
- React Native — cross-platform native shell for iOS and Android
- WebView Wrapper — loads the SAA Admin portal directly inside the app
- NativeWind — TailwindCSS utility classes for React Native
- TypeScript — type safety throughout
- ESLint — consistent code linting
- Pre-configured tooling — ready to build and run out of the box
| Category | Technology |
|---|---|
| Framework | React Native |
| Styling | NativeWind v4 (TailwindCSS) |
| Language | TypeScript |
| Bundler | Metro |
| Transpiler | Babel |
| Build/Deploy | EAS (Expo Application Services) |
| Linting | ESLint |
Before you begin, ensure you have the following installed:
- Node.js (v16 or higher)
- npm or yarn
- React Native development environment (setup guide)
- Xcode & CocoaPods (for iOS)
- Android Studio & Android SDK (for Android)
saa-admin-wrapper/
├── app/ # Main application code
├── assets/ # Images, fonts, and other assets
├── components/ # Reusable components
├── constants/ # App constants and configuration
├── hooks/ # Custom React hooks
├── scripts/ # Build and utility scripts
├── .vscode/ # VSCode settings
├── app.json # App configuration
├── eas.json # EAS build/deploy configuration
├── babel.config.js # Babel configuration
├── eslint.config.js # ESLint configuration
├── global.css # Global styles
├── metro.config.js # Metro bundler configuration
├── tailwind.config.js # TailwindCSS configuration
├── tsconfig.json # TypeScript configuration
└── package.json # Dependencies and scripts
Contributions are welcome! Feel free to open an issue or submit a pull request.
This project is licensed under the MIT License.
Made with ❤️ by the-bipu