https://github.com/open-template-hub/mobile-ui-template
Mobile UI Template is a modern, responsive, and customizable mobile UI template for your business. It contains reusable components, theme color, and design support along with dark theme support.
https://github.com/open-template-hub/mobile-ui-template
android ios mobile-app react-native template
Last synced: 11 months ago
JSON representation
Mobile UI Template is a modern, responsive, and customizable mobile UI template for your business. It contains reusable components, theme color, and design support along with dark theme support.
- Host: GitHub
- URL: https://github.com/open-template-hub/mobile-ui-template
- Owner: open-template-hub
- License: mit
- Created: 2021-01-17T12:29:09.000Z (over 5 years ago)
- Default Branch: develop
- Last Pushed: 2023-01-09T22:01:04.000Z (over 3 years ago)
- Last Synced: 2024-05-02T01:38:47.030Z (about 2 years ago)
- Topics: android, ios, mobile-app, react-native, template
- Language: TypeScript
- Homepage: https://opentemplatehub.com/product/user-interface/mobile-ui-template
- Size: 22.7 MB
- Stars: 8
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Open Template Hub - Mobile UI Template v5
[](LICENSE)
[](https://github.com/open-template-hub/mobile-ui-template/issues)
[](https://github.com/open-template-hub/mobile-ui-template/pulls?q=is%3Apr+is%3Aclosed)
[](https://github.com/open-template-hub/mobile-ui-template/commits/master)
[](https://github.com/open-template-hub/mobile-ui-template/releases)
[](https://sonarcloud.io/dashboard?id=open-template-hub_mobile-ui-template)
Mobile UI Template is a modern, responsive, and customizable mobile UI template for your business. It contains reusable components, theme color, and design support along with dark theme support.
## Ways to Begin
### 1. Start with UI Generator
Create your UI with UI Generator Package
[](https://www.npmjs.com/package/@open-template-hub/app-generator)
### 2. GitHub Template
Use this repository as a Template
[](https://github.com/open-template-hub/mobile-ui-template/generate)
## Installations
Install **nodejs** and **npm** via **[nodejs.org](https://nodejs.org)**.
Check installed versions of **nodejs** and **npm** via running following commands:
```
node -v
npm -v
```
Check project's current **nodejs** and **npm** version from **[package.json](package.json)**.
## Configuration
* Open **app/config/app.config.ts** and update values for all config items with your product.
* Set you App Menu Style preference in **constant/theme.constant.ts**, you can choose Left Menu or Tab Menu.
## Architecture
* **component**
Holds app components
* **config**
Holds app configuration
* **constant**
Holds app constants
* **controller**
Holds app controllers, api communications
* **enum**
Holds app enumarations
* **i18n**
Holds localizations
* **interface**
Holds app interfaces
* **screen**
Holds app screens
* **util**
Holds app utilizations
## Configuration For Rebuild (Risky)
* Update your App name in **app.json**
* To rebuild android and ios folders, remove them and run command:
For Linux and Mac:
```
npm run-script build
```
For Windows:
```
npm run-script build-windows
```
* Open build.gradle under android folder and update from:
```
classpath("com.android.tools.build:gradle:3.5.3")
```
**to**:
```
classpath("com.android.tools.build:gradle:3.5.4")
```
* Enable multidex
```
android {
defaultConfig {
...
// Enabling multidex support.
multiDexEnabled true
}
...
}
```
* Make sure set proper memory in gradle.properties:
```
org.gradle.jvmargs=-Xmx4096m
```
* Initialize your Facebook & Google Apps and update **app.config.ts** under app/config
## Contributors
Furkan Yavuz
💬 📖 👀
Fatih Turker
💬 📖 👀
## Contributing
Refer to **[CONTRIBUTING.md](https://github.com/open-template-hub/.github/blob/master/docs/CONTRIBUTING.md)** to see how to contribute to Open Template Hub.
## Code of Conduct
Refer to **[CODE_OF_CONDUCT.md](https://github.com/open-template-hub/.github/blob/master/docs/CODE_OF_CONDUCT.md)** to see contributor covenant code of conduct.
## LICENSE
The source code for this project is released under the [MIT License](LICENSE).