https://github.com/bradgarropy/weighter-react
Web application to track your weight over time!
https://github.com/bradgarropy/weighter-react
axios babel eslint express expressjs javascript jsonwebto jsx node nodjs react react-router reactjs web-app web-application webpack
Last synced: 3 months ago
JSON representation
Web application to track your weight over time!
- Host: GitHub
- URL: https://github.com/bradgarropy/weighter-react
- Owner: bradgarropy
- Created: 2017-08-13T21:52:45.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2017-11-07T03:55:45.000Z (over 7 years ago)
- Last Synced: 2025-01-18T05:14:26.507Z (5 months ago)
- Topics: axios, babel, eslint, express, expressjs, javascript, jsonwebto, jsx, node, nodjs, react, react-router, reactjs, web-app, web-application, webpack
- Language: JavaScript
- Homepage: http://weighter-react.herokuapp.com/
- Size: 131 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weighter React
After creating a completely server side weight tracking app ([weighter](https://github.com/bradgarropy/weighter)), it was time to begin learning the multitude of front end javascript frameworks.
I decided to start with [React](https://reactjs.org/), as it seemed to strike a balance between popularity and ease of use. Learning [React](https://reactjs.org/) was one of the hardest things I've ever done. Client side routing, JSX, ES6, component relationships, and webpack were all challenges for me. In the end, I was able to recreate the [weighter](https://github.com/bradgarropy/weighter) application using React on the front end, and [weighter-api](https://github.com/bradgarropy/weighter-api) for the backend.
See the project here:
https://weighter-react.herokuapp.com/
## Usage
If you would like to build and run this site locally, follow the instructions below.
First, clone the repository.
```
git clone https://github.com/bradgarropy/weighter-react.git
```
Next, install the dependencies.
```
npm install
```
Then, you can build the site.
```
npm run build-[prod|dev]
```
Or, you can run the site locally.
```
npm run [prod|dev]
```
Finally, navigate to the site.
```
localhost:4000
```