https://github.com/ratracegrad/vue-pinterest

Code from medium article showing how to create a Pinterest style grid in Vue.js
https://github.com/ratracegrad/vue-pinterest

Last synced: 4 days ago
JSON representation

Code from medium article showing how to create a Pinterest style grid in Vue.js

• Host: GitHub
• URL: https://github.com/ratracegrad/vue-pinterest
• Owner: ratracegrad
• Created: 2019-11-01T13:47:10.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T23:56:13.000Z (almost 2 years ago)
• Last Synced: 2023-02-27T12:06:38.769Z (over 1 year ago)
• Language: Vue
• Homepage: https://vue-pinterest.herokuapp.com/
• Size: 7.77 MB
• Stars: 21
• Watchers: 1
• Forks: 2
• Open Issues: 29
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Create a Pinterest style grid

This code is for an article I wrote on medium.com on how to create a Pinterest style

grid for images. In that article I walk you through step-by-step on how to create this layout.

The end result is that you create a layout that will look like this:

![Pinterest style grid layout](/screenshots/GridLayout.png?raw=true)

## Read the article

If you would like to read the article you can view it [on medium.com here](https://medium.com/@ratracegrad/creating-a-pinterest-style-image-gallery-in-vue-927836b7d173) 

## Live Preview

You can [view the app live here](https://vue-pinterest.herokuapp.com/ ).

## Tech Stack

* Vue.js

* JavaScript

## Project setup

```

npm install

```

### Compiles and hot-reloads for development

```

npm run serve

```

### Compiles and minifies for production

```

npm run build

```

### Lints and fixes files

```

npm run lint

```

### Customize configuration

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