michaelpumo / Potato

🥔 A small practical assignment for Potato built on Vue

Home Page:https://potato-flickr.netlify.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Potato Flickr

A small practical assignment for Potato built on Vue by Michael Pumo

Demo

https://potato-flickr.netlify.com/

About

This small app will fetch a feed of posts from a Flickr API endpoint, passing with it 'tags' by which to search for. The default tag when first opening the app is 'potato'.

I have add the ability to pass your own tags so the feed can be updated based on these. Due to the nature of free-typing the tags, input will be cleaned and formatted in a way that Flickr will understand.

To get a better understanding of what role Vue plays, it might help to download the Vue.js dev tools extension for Chrome.

NPM Dependencies for the browser

date-fns

A small library used for formatting dates and times.

fetch-jsonp

Used for fetching JSONP data in the browser.

vue

The main JavaScript framework in use.

vue-router

Used for routing the application.

vuex

State management tool for Vue where we store all information.

vuex-persistedstate

A plugin built on top of Vuex to persist the store on hard refresh or tab close etc.

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

About

🥔 A small practical assignment for Potato built on Vue

https://potato-flickr.netlify.com


Languages

Language:JavaScript 52.2%Language:Vue 31.2%Language:CSS 11.7%Language:HTML 5.0%