https://github.com/matthewbeckwith/vue-grocery-list

Trying out Vue.js
https://github.com/matthewbeckwith/vue-grocery-list

Last synced: about 2 months ago
JSON representation

Trying out Vue.js

• Host: GitHub
• URL: https://github.com/matthewbeckwith/vue-grocery-list
• Owner: matthewBeckwith
• Created: 2021-04-29T03:56:35.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2021-05-03T12:19:28.000Z (about 4 years ago)
• Last Synced: 2023-07-29T05:21:18.797Z (almost 2 years ago)
• Language: Vue
• Size: 462 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# grocery-list built in Vue.js

I built this to demo Vue as a Frontend solution. This was my first time using this framework but I can say the build was intuitive and fast. Being a huge fan of React, I see the similarities between the two, but they still pretty different. I can say using $emit() to bubble up data is a neat solution to component communication. All-in-all, I'm curious how many will adopt this and how long it will be around for, but I can say for me, I wouldn't mind working with this framework again.

![Empty Home](./screenshots/empty_home.PNG?raw=true "Empty Home")

![Open Form](./screenshots/add_item_form_open.PNG?raw=true "Open Form")

![Home w/Items](./screenshots/home_with_items.PNG?raw=true "Desktop Home with Items")

![Mobile View 1](./screenshots/mobile_empty.PNG?raw=true "Mobile View 1")

![Mobile View 2](./screenshots/mobile_view_2.PNG?raw=true "Mobile View 2")

![Mobile View 1](./screenshots/mobile_view_1.PNG?raw=true "Mobile View 1")

![Built By](./screenshots/mobile_about.PNG?raw=true "About")

## Project setup

```

yarn install

```

### Compiles and hot-reloads for development

```

yarn serve

```

### Compiles and minifies for production

```

yarn build

```

### Lints and fixes files

```

yarn lint

```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).