Code Monkey home page Code Monkey logo

gymtracker's Introduction

GymTracker

Welcome to the Gym Tracker App. I designed this app during my second year of university and has been a passion project I've always wanted to do for myself since I started working out. The app allows you to create your workouts with whatever exercise you wish to add. Then, with your input, it tracks the weights and reps you have done for each exercise and using that data, it produces statistics for you to view and reflect on your progress. There is still more work that I wish to do on it but for now, if you wish to preview how the app looks on devices keep scrolling down.

Here is the main screen equipped with a calendar that keeps track of and highlights which days you have been to the gym and an area where you can create new workouts that you can freely rename, delete, or add. In this preview, I have already provided some examples.

Screen 1 Create Delete

As you dive into your workouts you will be provided with the next screen where you can create new exercises and view a weight progression graph of each exercise to see how much weight you've used for each workout over time.

Screen 1 Screen 2

Of course, you can also freely add or delete any of these objects and rename it, this can be done for the sets as well.

Create Delete Rename

Following your workout, you will then be presented with the final screen where you can implement your sets by inputting how much weight and how many reps you do for each set.

Screen 1 Create Delete

In the next tab, Stats, you can view the calendar that tracks which days you've gone to the gym and view all the weight progression graphs for all of your workouts.

Screen 1 Screen 2

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.