https://github.com/ungdev/my-utt-mobile

UTT mobile app
https://github.com/ungdev/my-utt-mobile

Last synced: 15 days ago
JSON representation

UTT mobile app

• Host: GitHub
• URL: https://github.com/ungdev/my-utt-mobile
• Owner: ungdev
• Created: 2019-01-30T10:22:56.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-26T11:09:14.000Z (almost 2 years ago)
• Last Synced: 2023-10-29T11:28:53.973Z (about 1 year ago)
• Language: JavaScript
• Size: 3.6 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 30
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# My UTT

## Requirement :

* React Native with expo

## Installation :

1. clone repository

* git clone https://github.com/ungdev/my-utt-mobile.git

* cd my-utt-mobile

2. copy config file and edit it

* cp config.js.example config.js

* nano config.js

3. install dependencies :

* yarn

4. launch the app on expo :

* yarn start

## File Architecture :

* /assets/* => all font, images, files used in the app globally

* /components/* => all react components that can be reused multiple times

* /constants/* => to be replaced by /theme/*, store theme information like colors etc

* /navigation/* => handle app navigation, where the user should be redirected, not the actual content

* /Bundles/* => all the app's bundles, for example, UEBundle handle everything about UEs. One folder = One bundle (see 'Create a bundle')

* /node_modules/* => dependencies, dont touch it

* /screens/* => pages, content, etc (other than bundles')

* App.js => entry point of the app

* app.json => app infos, like version (it's important to increase it when you publish a new version)

* config.js(.example) => configuration file for globale static variables (like etuutt's link)

* README.md => this file

## Create a bundle

* Create the folder Bundles/NameOfYourBundleBundle

* Create the bundle entry point, usually "Main.js" in that folder

* Do whatever you want in that folder, add tabs, functionnalities...

* Dont forget to implement a return button on the top left corner to return to main menu

* Go to navigation/AppNavigator.js => add your Bundle in the list

* Go to navigation/MainMenu.js => add a button to your app with destination equal to the Bundle name in AppNavigator

## Icons

* you can see all icons usable here : https://oblador.github.io/react-native-vector-icons/