Coder Social home page Coder Social logo

downtime's People

Contributors

bradth01 avatar jennarim avatar jonrim avatar wfa207 avatar

Watchers

 avatar  avatar  avatar

downtime's Issues

Potential Ideas

Potential Ideas

MapView

  • Show information of how you moved location to location
    using a slider throughout the day. The slider shows the time of day

Misc

  • Options List under Navbar (swipe up)
    • Leave space underneath to indicate to user they can expand the bottom bar
  • Have suggestions to improve productivity (suggested apps, services, recommendations, etc.)

Color Scheme

Color scheme

Primary Colors

  • .primary-0 { background-color: #48BBEC }
  • .primary-1 { background-color: #A1DDF8 }
  • .primary-2 { background-color: #6FCBF2 }
  • .primary-3 { background-color: #23A9E3 }
  • .primary-4 { background-color: #0796D3 }

Complementary Colors

  • .complement-1 { background-color: #FFD3A1 }
  • .complement-2 { background-color: #FFBB6F }
  • .complement-0 { background-color: #FFA745 }
  • .complement-3 { background-color: #FF941D }
  • .complement-4 { background-color: #FF8700 }
    โ€‹

Home View Design

Home View Design (ASSUME MANUAL LOGGING; BELOW IS FOR AUTO)

Title Bar

  • Log button on right
    • Switches to ListView with Activities (using Navigator)

Activities ListView

  • Each activity will bring up another screen (using Navigator)
  • Activities will be editable (fetch() to backend routes to update db)
    • Activities should update on interface as well
    • Activity entries should include:
    • Picture
    • Location (with name)
    • Elapsed Time (or Begin and Start Time?)
    • Percentage of daily activities so far?
    • Ability to delete?

Button

  • Auto-logging
    • Distinguish between Passive and Active activities (we are primarily concerned with logging activity)
    • Home Button will end Passive Activity (Auto) Logging and begin Active Activity (Manual) Logging
    • Subsequent press will begin auto-logging once again and log the end of the active activity
    • On completion of each interval, save location (coordinates) and time
  • Add logging-interval picker (react-native) component to settings / account view?

For Later ?

  • Add option to take a picture on the home page
  • Add option to save location on the home page

Log Tab Setup

Log Tab Setup

SegmentedControlIOS at Top

  • Locations and Activities

Locations ListView

  • Locations pulled from db
  • General information in each item?

Leftovers

  • Search when creating new locations (via home button)
    • Do NOT allow duplicates

Activities ListView

  • Each activity will bring up another screen (using Navigator)
  • Activities will be editable (fetch() to backend routes to update db)
    • Activity entries should include:
      • TBD(Suggestions):
        • Picture
      • Location (with name)
      • Elapsed Time (or Begin and Start Time?)
      • Percentage of daily activities so far?
      • Ability to delete?

Activity Detail

  • TBD for now

References

Presentation

DownTime Presentation

Introduction

  • Wanted an app that could track where we were in a given day, week, month, etc.
  • More specifically, wanted to track what % of our time was spent being productive

Features

  • Manual logging of location with button
  • Map out all locations logged / visited
  • Charts out % of time spent in logged locations
  • Can view detail on logged locations as well as cursory data on times visited / spent at each location

Next Steps

  • Automatic logging
  • Geolocational sorting or sorting by time spent
  • Segmented charting over different periods of time (per day, month, year, etc.)

Server

Models
Routes
Database setup

Navbar

Navbar

  • Need icons
  • Routes for each view

Functionality

Google Maps:

  • Start timer on inactivity (2 min trigger?)
  • Add on trigger time to time
  • Stop timer on radius departure
  • Route Planner / Logger?

Map View Setup

Map View Setup

  • Need to show User's Current Location
  • Show pins of all saved locations on map

Models

User

  • Name
  • E-mail

Trips (.belongsTo(User))

  • Start Coordinates
  • End Coordinates
  • Time travelled
  • Trip Name

Locations (.belongsToMany(Days))

  • Name (Alias)
  • Coordinates
  • Time Spent
  • DayId (Created by Association)

Dayz (.belongsToMany(Locations))

  • Date
  • LocationId (Created by Association)

Times (.belongsTo(Day), .belongsTo(Locations))

  • Time Arrived
  • Time Left
  • DayId (Created by Association)
  • LocationId (Created by Association)

Routes

  • Create location
  • Create a trip
    • Only create trip when we have start AND end points
  • User Route
    • Create user profile

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.