Code Monkey home page Code Monkey logo

goalkeeperacry's Introduction

GoalKeeper

Created by: Yanlam Ko (iOS), Avani Aggrwal (iOS), Richard Wang (Backend) | Designed by: Cecilia Lu

Set goals for yourself, mark and track your progress.

GoalKeeper is an app that is designed to help the user track their goals.

The user first starts off by logging in through a Google account, after which they are greeted by their name. The home screen in the app allows users to add goals for themselves by setting a name, potential date of completion, and a description for motivation. When a goal is clicked on, a detail screen is brought up that is specific to the goal. This detail view allows the user to add and delete checkpoints, edit the goal, view which checkpoints are completed, and the date that they were completed. This screen also gives users the option to check off checkpoints. Once the user has met all checkpoints, a button for completing the goal appears.

GoalKeeper also provides a calendar screen (linked to the phone's calendar) that allows users to see when their goals have been made or met, a progress screen, which provides a visual documentation of the progress of each goal, a history screen, to scroll through and search completed goals, and a profile screen, on which the user can log out of their Google account and view the number of current and completed goals.

Login, Loading, and Profile Screens:

Home Screen: Goals Display, Create/Delete Goals:

Goal Detail: Checkpoints, Motivation, Checkpoint Creation, Goal Editing:

Calendar, Visual Progress Bars, History, and History Search:

iOS:

➝ NSLayoutConstraint used to place views as per the design, and fit multiple screen dimensions.

➝ UICollectionView implemented in HomeView, DetailView, and EventsView to display goals, checkpoints, motivation, and key dates. UITableView implemented in ProgressView and HistoryView to present current and completed goals. UITableView embedded in CollectionViewCell to list checkpoints of a specific goal within the DetailView.

➝ UITabBarController displayed at bottom of main ViewControllers with icons for each screen, and ability to navigate between screens. User is brought to their desired page upon click of an icon.

➝GoogleSignIn API implemented to greet users by their first name. User's data filtered through the connection to their Google accounts. Goals API (http://35.196.246.200/api/goals/), created by Richard Wang (backend), stores UI configured goal/checkpoint changes.

➝Note: ProgressView displays percentage of entire goal reached -- in calculations, the weight of completing the actual goal is identical to the weight of each checkpoint

Backend:

SQLAlchemy - The ORM used

Flask - Web framework

Docker - Containerization

Google Cloud - Server hosting

➝ a link to the full API Spec can be found here

Authors:

Yanlam Ko

Avani Aggrwal

Richard Wang

©2018 by A.C.R.Y.

goalkeeperacry's People

Contributors

avaniaggrwal avatar rich140 avatar yko20010 avatar

Watchers

 avatar

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.