🌲🎵Off-Track App 🎵🌲

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

(App is in the process of being deployed to the Play & App stores.)

What this project is about

Off-Track is a group project I worked on to build a mobile application for an artist and composer who wanted to make her musical walks available to individuals. It is built using React-Native and Redux (with a simple landing web page in React)

Table of contents:

• Intro
• Architecture

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/charlescallaghan/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