https://github.com/dantelentsoe/mobile-app-template-package

For this repo, I opted to make a react template, using TypeScript, since there are a few of those. Using React-Native, I trust that many of you might find it useful, by trimming down on the UI work, and allowing you to focus more on the logic/code
https://github.com/dantelentsoe/mobile-app-template-package

mobx react-native typescript

Last synced: 1 day ago
JSON representation

For this repo, I opted to make a react template, using TypeScript, since there are a few of those. Using React-Native, I trust that many of you might find it useful, by trimming down on the UI work, and allowing you to focus more on the logic/code

• Host: GitHub
• URL: https://github.com/dantelentsoe/mobile-app-template-package
• Owner: DanteLentsoe
• License: mit
• Created: 2021-09-22T10:50:58.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2021-10-16T14:36:03.000Z (about 3 years ago)
• Last Synced: 2023-03-03T23:33:42.064Z (over 1 year ago)
• Topics: mobx, react-native, typescript
• Language: TypeScript
• Homepage:
• Size: 16.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# mobile-app-template-package

For this repo, I opted to make a react template, using TypeScript, since there are a few of those. This app also includes dark mode, and as well as Internationalization (I18N) for the content within the applciation. I using React-Native, with expo, I trust that many of you might find it useful, by trimming down on the UI work, and allowing you to focus more on the logic/code.

# [DanWare Software UI React Native]

Start your development with a Design System for React Native inspired by DanWare Software UI KIT. If you like simple UI's KIT, you will love this react native app template! I am sure you will find it useful

### FULLY CODED COMPONENTS

Soft UI React Native features over 100 variations of components like buttons, inputs, cards, navigations etc, giving you the freedom of choosing and combining. All components can take variations in colour, that you can easily modify inside our theme file.

### Components & Cards

Soft UI React Native comes packed with a large number of components and cards. Putting together a mobile app has never been easier than matching together different components. From the profile screen to a settings screen, you can easily customise and build your screens. We have created multiple options for you to put together and customise into pixel perfect screens.

### Example Screens

If you want to get inspiration or just show something directly to your clients, you can jump start your development with our pre-built example screens. From onboarding screens to profile or discover screens, you will be able to quickly set up the basic structure for your React Native mobile project.

| HTML | React-Native |

| ---- | ------------ |

## Documentation

No official documentation issued as yet for the UI kit, currently in the works

## File Structure/ Project Structure

Within the download you'll find the following directories and files:

```

soft-ui-react-native/

├── App.tsx

├── README.md

├── app.json

├── assets

├── babel.config.js

├── package.json

├── src

│   ├── assets

│   │   ├── fonts

│   │   ├── icons

│   │   └── images

│   ├── components

│   │   ├── Article.tsx

│   │   ├── Block.tsx

│   │   ├── Button.tsx

│   │   ├── Checkbox.tsx

│   │   ├── Image.tsx

│   │   ├── Input.tsx

│   │   ├── Modal.tsx

│   │   ├── Product.tsx

│   │   ├── Switch.tsx

│   │   ├── Text.tsx

│   │   └── index.tsx

│   ├── constants

│   │   ├── index.ts

│   │   ├── light.ts

│   │   ├── mocks.ts

│   │   ├── regex.ts

│   │   ├── theme.ts

│   │   ├── translations

│   │   │   ├── en.json

│   │   │   └── index.ts

│   │   └── types

│   │       ├── components.ts

│   │       ├── index.ts

│   │       └── theme.ts

│   ├── hooks

│   │   ├── index.ts

│   │   ├── useData.tsx

│   │   ├── useScreenOptions.tsx

│   │   ├── useTheme.tsx

│   │   └── useTranslation.tsx

│   ├── navigation

│   │   ├── App.tsx

│   │   ├── Menu.tsx

│   │   └── Screens.tsx

│   └── screens

│       ├── Articles.tsx

│       ├── Components.tsx

│       ├── Home.tsx

│       ├── Pro.tsx

│       ├── Profile.tsx

│       ├── Register.tsx

│       └── index.ts

└── tsconfig.json

```

## Reporting Issues

No GitHub Issues as been set for DanWare Software UI React Native. If there are any issues you want to report the following can be done :

1. Make sure that you are using the latest version of the DanWare Software UI React Native Kit.

2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.

3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help.

### Technical Support or Questions

If you have questions or need help integrating the product please [contact me](https://dantelentsoe.com).

###