Giter Site home page Giter Site logo

capstone's Introduction

Six Pack

Six Pack is an adult beverage tracker that assigns exercise in exchange for each drink logged.
This app is for entertainment purposes only.
Consult a physician before performing this or any exercise program. ๐Ÿ˜…

Motivation

This is a Capstone project for Ada Developers Academy.
The objective of this project was to build an original Android/iOS app using React Native.

Screenshots

  • Android:

Login Screen Intro Screen 1 Intro Screen 2 Intro Screen 3

  • iOS:

Home Screen ย ย  Exercise Details ย ย  Settings Screen

Tech/framework used

Built with:

Expo

React Native

Firebase

Facebook

wger Workout Manager API

Installation

The App is hosted on Expo's servers. You can interact with it at https://expo.io/@mystioreo/six-pack

To download and edit this project:

  1. Clone this repository:
git clone https://github.com/mystioreo/capstone.git
  1. Install dependencies:
npm install
  1. Create a Facebook Developers Account, create a new App, and note your App ID and App Secret:

    https://developers.facebook.com/

  2. Create a Project in Firebase using Realtime Database. (You will need to import the data from exercises.json into your Realtime Database under the root node.) Note your API Key, Auth Domain, Database URL, and Storage Bucket URL.

    https://console.firebase.google.com/

  3. Create a file named .env in the main project directory with the following information:

REACT_APP_API_KEY= "<YOUR-FIREBASE-API-KEY>"
REACT_APP_AUTH_DOMAIN= "<YOUR-PROJECT-ID>.firebaseapp.com"
REACT_APP_DATABASE_URL= "https://<YOUR-DATABASE-NAME>.firebaseio.com"
REACT_APP_STORAGE_BUCKET= "<YOUR-STORAGE-BUCKET>.appspot.com"

REACT_APP_FACEBOOK_APP_ID= "<YOUR-FACEBOOK-APP-ID>"
REACT_APP_FACEBOOK_APP_SECRET= "<YOUR-FACEBOOK-APP-SECRET>"

Using the App

  • On the main/drinks screen, click on a drink icon to add it to your log.

  • An assignment will pop up on the screen showing the drink type, time the drink was logged, and assigned exercise.

  • Click on the name of an exercise to get more details/instructions.

  • Click on the checkmark next to an assigned exercise to mark complete and dismiss it from your screen.

  • Normal mode pulls from a fixed database of exercises with accompanying instructional videos.

  • Expert mode pulls from the wger Workout Manager Exercise Database API. This is a wide range of user-generated exercise data, and some descriptions are better than others. Expert mode allows filtering of exercises based on available equipment.

Credits

Beginner exercise data courtesy of The CDC

Expert exercise data courtesy of wger Workout Manager

Icons made by Freepik and Roundicons from www.flaticon.com, licensed by Creative Commons BY 3.0

capstone's People

Contributors

mystioreo avatar

Watchers

James Cloos avatar

Forkers

danimetz

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.