ToDo Mobile App

Simple TODO mobile application based on Expo and React Native

Folders Structure

• actions (actions for redux)
• assets (img, fonts etc.)
• components (only re useable part of code)
• constans (only const variable)
• customs (modules import declaration)
• interfaces (typing for typescript)
• reducers (all reducers for redux)
• screens (all apps screens (pages))
  • [Welcome] (home screen)
  • [ToDoScreen] (toDo list screen)
  • [About] (about screen)
• tools (reuseable tools)

Technologies

• Expo
• React Native
• TypeScript
• Redux

Usage

1. Download and install expo app on your phone
   • Android: https://play.google.com/store/apps/details?id=host.exp.exponent&hl=pl
   • iOS: https://itunes.apple.com/us/app/expo-client/id982107779?mt=8
   • after download app you must login to your profile in app
2. Start project:
   • you need node 11 (the newest version)
   • go to root folder
   • install yarn if you do not have
   • yarn install
   • yarn global add expo-cli
   • expo start --android/ expo start --ios
   • open http://localhost:19002 - Expo DevTools
   • click 'Tunnel' in lower left corner screen
   • in termin type "?" to open expo help
   • in termin type "s" and login to your account
3. Go to app in your phone
4. Scan QR code or click on link
5. Wait for download
6. Test your app :) -> hot reload is default after every time you save file.
7. Building apk/ipa
   • expo build:android / expo build:ios (https://docs.expo.io/versions/latest/distribution/building-standalone-apps)
   • you can see progress: https://expo.io/builds