Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/18alantom/fetzen

A workout tracking web app.
https://github.com/18alantom/fetzen

javascript learning-by-doing material-ui react webapp

Last synced: about 4 hours ago
JSON representation

A workout tracking web app.

Host: GitHub
URL: https://github.com/18alantom/fetzen
Owner: 18alantom
License: gpl-3.0
Created: 2019-07-28T14:10:11.000Z (over 5 years ago)
Default Branch: master
Last Pushed: 2024-04-23T02:05:56.000Z (7 months ago)
Last Synced: 2024-04-23T05:41:46.656Z (7 months ago)
Topics: javascript, learning-by-doing, material-ui, react, webapp
Language: JavaScript
Homepage: https://18alantom.github.io/fetzen/
Size: 36.7 MB
Stars: 1
Watchers: 3
Forks: 0
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # FETZEN

The workout tracker.

### Links

- [The App](https://18alantom.github.io/fetzen)

- [The API server](https://github.com/18alantom/fetzen-backend)

### What was used to make it?

- [React](https://reactjs.org/), a frontend Javascript library.

- [Material-UI](https://material-ui.com/), a component library for React which allows for customization of baseline material design based components.

### What does it look like?

A few of the pages from the web app.

#### Register

![image](./ss/register.png)

Photo by [Victor Freitas](https://www.pexels.com/@victorfreitas) from Pexels

#### Dashboard

The layout is dynamic.

![image](./ss/layout.png)

#### Weight Tracking Graph

Tracking of weight, plotting using [chart.js](https://www.chartjs.org/)

![image](./ss/dialog.png)

### What does it do?

- The app tracks user entered workouts. 

- Each workout consists of exercises. 

- The app shows stats related to these exercises.

- The app also tracks the weight of an individual along with goals.

### Why was it made?

- For a college web development course project.

### Update

- I wouldn't consider this good design, the contrast is egregiously off.

- This is an example of dark mode done wrong, it can be much better.