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: 5 months 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 (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2024-04-23T02:05:56.000Z (about 1 year ago)
- Last Synced: 2024-12-31T00:29:17.478Z (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
Photo by [Victor Freitas](https://www.pexels.com/@victorfreitas) from Pexels
#### Dashboard
The layout is dynamic.
#### Weight Tracking Graph
Tracking of weight, plotting using [chart.js](https://www.chartjs.org/)
### 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.