Skip to content

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.

License

Notifications You must be signed in to change notification settings

open-template-hub/mobile-ui-template

Repository files navigation

Logo

Open Template Hub - Mobile UI Template v5

License Issues PRCLosed LastCommit Release SonarCloud

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.

Screenshot

Ways to Begin

1. Start with UI Generator

Create your UI with UI Generator Package

NPM

2. GitHub Template

Use this repository as a Template

GitHubTemplate

Installations

Install nodejs and npm via 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.

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 to see how to contribute to Open Template Hub.


Code of Conduct

Refer to CODE_OF_CONDUCT.md to see contributor covenant code of conduct.


LICENSE

The source code for this project is released under the MIT License.

About

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.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Contributors 3

  •  
  •  
  •