/off-track

This app launches with a React web app and React Native app sharing a single code base.

Primary LanguageJavaScriptMIT LicenseMIT

Off-Track App

WE ARE THE FIRST COMBINING MUSIC, URBAN NATURE, EXERCISE & MEDITATION IN ONE.

Intro

This app launches with a React web app and React Native app sharing a single code base. It shares the 'business logic' (i.e. actions, containers, reducers) across the platforms, whilst allowing flexibility in View components to ensure your project looks and feels native in each platform.

  • A shared React and React Native structure
  • Flux architecture
    • [Redux]
  • Routing and navigation
    • [React Native Router Flux] for native mobile
    • [React Router] for web
  • Data Caching / Offline
    • [Redux Persist]
  • UI Toolkit/s
    • [Native Base] for native mobile
    • [Bootstrap] for web
  • __Simpler mobile app development
    • [Expo]
  • __User authentication [Firebase]
  • __API [Firebase]

Usage

1. Clone and Install

git clone https://github.com/matiasmateu/off-track.git

2. Install dependencies

npm install

2.1. Run the React Native App

# Start the React Native packager
expo start

Instructions are shown in the terminal. You can select to open it in:

  • An emulator (either iOS or Android)
  • Your mobile device with the Expo app. It will reload if you save edits to your files and you will see build errors and logs in the terminal.

2.2. Run the Web App

# Starts are local live-reload server at:
# http://localhost:3001
npm run web

Architecture

arch