app.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>lifescope-app</title>
  <link rel="stylesheet" href="https://stackedit.io/style.css" />
</head>

<body class="stackedit">
  <div class="stackedit__left">
    <div class="stackedit__toc">
      
<ul>
<li><a href="#lifescope-app">LIFESCOPE-APP</a>
<ul>
<li><a href="#repository">Repository</a></li>
<li><a href="#lifescope-archive-app">LIFESCOPE Archive App</a></li>
<li><a href="#developer-setup">Developer Setup</a></li>
<li><a href="#login">Login</a></li>
<li><a href="#homepage">Homepage</a></li>
<li><a href="#explorer">Explorer</a></li>
<li><a href="#providers">Providers</a></li>
<li><a href="#people-management">People Management</a></li>
<li><a href="#settings">Settings</a></li>
<li><a href="#published-content">Published Content</a></li>
<li><a href="#data-collection-sources">Data Collection Sources</a></li>
<li><a href="#notes">Notes</a></li>
</ul>
</li>
</ul>

    </div>
  </div>
  <div class="stackedit__right">
    <div class="stackedit__html">
      <h1 id="lifescope-app"><a href="https://github.com/LifeScopeLabs/lifescope-app">LIFESCOPE-APP</a></h1>
<h2 id="repository"><a href="https://github.com/LifeScopeLabs/lifescope-app">Repository</a></h2>
<p>(development phase, high priority)</p>
<p>Access your digital memory and tell their stories.  The LIFESCOPE App allows anyone to search and curate your personal data in various views. Search anything about yourself in a web browser or on a native app (Firefox, Chrome, Android, iOS, Windows, Mac).</p>
<p>The codebase is a single-page Universal web app built on Nuxt and Vue.js. Desktop/mobile responsive design interface with javascript extensions. Written with plugin framework for features such as location tracking, webXR and web voice. The web code is containerizable inside a universal app framework Cordova.</p>
<h2 id="lifescope-archive-app"><a href="https://lifescopelabs.github.io/etl.html#lifescope-archive-app">LIFESCOPE Archive App</a></h2>
<p>The current LIFESCOPE web app is deprecated and is being rewritten.</p>
<h3 id="lifescope-archive-app-documentation"><a href="https://lifescope.io/getting-started/">LIFESCOPE Archive App Documentation</a></h3>
<h3 id="requirements">Requirements</h3>
<ul>
<li><strong>MVP</strong>:  Rewrite the <a href="https://lifescopelabs.github.io/etl.html#lifescope-archive-app">LIFESCOPE Archive App</a> for Nuxt.</li>
<li>Get location tracking working with the LIFESCOPE API.</li>
<li>Port the LIFESCOPE web App to Cordova or other native framework.</li>
</ul>
<h3 id="dependencies">Dependencies</h3>
<ul>
<li>Vue/Nuxt compatible</li>
<li>Apollo GraphQL</li>
<li><a href="https://github.com/gonativeio/gonative-android">https://github.com/gonativeio/gonative-android</a></li>
<li><a href="https://github.com/gonativeio/gonative-ios">https://github.com/gonativeio/gonative-ios</a></li>
</ul>
<h3 id="lifescope-plugins">LIFESCOPE Plugins</h3>
<h4 id="lifescope-xr"><a href="https://github.com/LifeScopeLabs/lifescope-xr">LIFESCOPE-XR</a></h4>
<p>This is for AR and VR views of LifeScope data as Vue Plugins.</p>
<h4 id="lifescope-voice"><a href="https://github.com/LifeScopeLabs/lifescope-voice">LIFESCOPE-VOICE</a></h4>
<p>This is a conversational interface of LifeScope data as Vue Plugins.</p>
<h2 id="developer-setup">Developer Setup</h2>
<pre class=" language-bash"><code class="prism  language-bash"><span class="token comment"># install dependencies</span>
$ yarn <span class="token function">install</span>

<span class="token comment"># serve with hot reload at localhost:3000</span>
$ yarn run dev

<span class="token comment"># build for production and launch server</span>
$ yarn run build
$ yarn start

<span class="token comment"># generate static project</span>
$ yarn run generate
</code></pre>
<h2 id="login">Login</h2>
<p><strong>Sign up and login with any provider. Automatically adds an API ETL connection.</strong></p>
<p><img src="https://lifescopelabs.github.io/assets/screenshots/provider-maps-screenshot.png" alt="providerpage"></p>
<h2 id="homepage">Homepage</h2>
<p><strong>List saved searches and hashtags</strong></p>
<p><img src="https://lifescopelabs.github.io/assets/screenshots/ss-savedsearches.png" alt="nativeapp"></p>
<h2 id="explorer">Explorer</h2>
<p>Filter, Sort, and Search. See Advanced and Saved searches.</p>
<h3 id="views">Views</h3>
<ul>
<li>Feed</li>
<li>List</li>
<li>Map</li>
<li>Gallery</li>
<li><a href="http://timeline.knightlab.com">Timeline</a></li>
<li>Virtual Reality Rooms</li>
<li>Augmented Reality Maps and gateways</li>
<li>Voice Interaction</li>
</ul>
<p><strong>Gallery View</strong><br>
"Recent Media" Saved Search</p>
<p><img src="https://lifescopelabs.github.io/assets/screenshots/lifescope-app-legacy.png" alt="lifescope-app-legacy"></p>
<p><strong>Map Satellite View</strong><br>
"Where Filter" Polygon</p>
<p><img src="https://lifescopelabs.github.io/assets/wireframes/sat-select-poly.png" alt="mappoly"></p>
<p><strong>Map View</strong><br>
Multiple result at location Exploded Spider</p>
<p><img src="https://lifescopelabs.github.io/assets/maps/map-spider.png" alt="spider"></p>
<h2 id="providers">Providers</h2>

<table>
<thead>
<tr>
<th>Data Source</th>
<th>Status</th>
<th>Data Collected</th>
</tr>
</thead>
<tbody>
<tr>
<td>Facebook</td>
<td>production</td>
<td>events, content, contacts, locations</td>
</tr>
<tr>
<td>Twitter</td>
<td>production</td>
<td>events, content, contacts, locations</td>
</tr>
<tr>
<td>Pinterest</td>
<td>beta</td>
<td>events, content, locations</td>
</tr>
<tr>
<td>Dropbox</td>
<td>production</td>
<td>events, content, locations</td>
</tr>
<tr>
<td>Steam</td>
<td>production</td>
<td>events, content</td>
</tr>
<tr>
<td>Reddit</td>
<td>production</td>
<td>events, content, contacts, contacts</td>
</tr>
<tr>
<td>Spotify</td>
<td>production</td>
<td>events, content</td>
</tr>
<tr>
<td>GitHub</td>
<td>production</td>
<td>events, content, contacts</td>
</tr>
<tr>
<td>Instagram</td>
<td>production</td>
<td>events, content, contacts</td>
</tr>
<tr>
<td>Google</td>
<td>production</td>
<td>events, content, contacts</td>
</tr>
<tr>
<td>Slice</td>
<td>development</td>
<td>events, content, things</td>
</tr>
<tr>
<td>FitBit</td>
<td>planned</td>
<td>events, things</td>
</tr>
<tr>
<td>TV Time</td>
<td>planned</td>
<td>events, content</td>
</tr>
</tbody>
</table><h2 id="people-management">People Management</h2>
<ul>
<li>Relate contacts together into People</li>
<li>Relate People into Users</li>
</ul>
<h2 id="settings">Settings</h2>
<ul>
<li>Manage user info</li>
<li>Manage data providers</li>
</ul>
<h2 id="published-content">Published Content</h2>
<ul>
<li>Embed saved searches as dynamic iFrame</li>
<li>Served publicly</li>
</ul>
<h2 id="data-collection-sources">Data Collection Sources</h2>

<table>
<thead>
<tr>
<th>Data Source</th>
<th>Support</th>
<th>Status</th>
<th>Data Collected</th>
</tr>
</thead>
<tbody>
<tr>
<td>Location History</td>
<td>Universal</td>
<td>development</td>
<td>locations</td>
</tr>
<tr>
<td><strong>Scrape</strong> Calls</td>
<td>Native app</td>
<td>planned</td>
<td>events, content</td>
</tr>
<tr>
<td><strong>Scrape</strong> Messages</td>
<td>Native app</td>
<td>planned</td>
<td>events, content</td>
</tr>
<tr>
<td><strong>Scrape</strong> Media</td>
<td>Native app</td>
<td>planned</td>
<td>events, content</td>
</tr>
<tr>
<td><strong>Scrape</strong> Files</td>
<td>Native app</td>
<td>planned</td>
<td>events, content</td>
</tr>
</tbody>
</table><h2 id="notes">Notes</h2>
<p><strong>Alternate Feed View Wireframe</strong><br>
Content this Week</p>
<p><img src="https://lifescopelabs.github.io/assets/wireframes/week-content-feed.jpg" alt="lifescope-app-wireframe"></p>
<p><strong>Story based publishing Wireframes</strong><br>
Map “Wedding Destination Vacation”</p>
<p><img src="https://lifescopelabs.github.io/assets/wireframes/Hawaii.png" alt="Hawaii"></p>
<p><strong>Map Timeline</strong><br>
"Wedding Destination Vacation"</p>
<p><img src="https://lifescopelabs.github.io/assets/wireframes/HawaiiV2.png" alt="HawaiiV2"></p>

    </div>
  </div>
</body>

</html>