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

https://github.com/bradgarropy/weighter-vue

Web application to track your weight over time!
https://github.com/bradgarropy/weighter-vue

babel eslint express expressjs javascript jsonwebtoken jwt node nodejs vue vue-resource vue-router vuejs web-app web-application webpack

Last synced: 3 months ago
JSON representation

Web application to track your weight over time!

Awesome Lists containing this project

README

          

# Weighter Vue

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 learned [React](https://reactjs.org/) first by recreating the [weighter](https://github.com/bradgarropy/weighter) application, aptly named [weighter-react](https://github.com/bradgarropy/weighter-react). Then I moved on to doing the same thing with [Vue](https://vuejs.org/). Picking up [Vue](https://vuejs.org/) was so much easier, mostly because I already understood the client side workflow. But more than just that, [Vue](https://vuejs.org/) seemed to make more sense to me. It's file structure and HTML directives made more sense to me than [React](https://reactjs.org/)'s pure JS/JSX implementation. I also loved how [Vue](https://vuejs.org/) has an officially supported router and http package, where [React](https://reactjs.org/) made you go searching.

The only downside I current see to [Vue](https://vuejs.org/) is that it lacks a well developed Native library, which is imperative for developing any type of application nowadays.

See the project here:
https://weighter-vue.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-vue.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
```