Giphy Explorer

Giphy Explorer is a Vue.js application showcasing basic elements of the framework. It allows the users to explore giphs offered by the giphy.com

Running the application

1. ensure you have Node.js installed
2. clone the repo: git clone https://github.com/aljazsim/vue-masterclass-examples.git
3. go to the source directory: cd vue-giphy-explorer
4. set the Giphy api key
   1. register for a developer account at https://developers.giphy.com/
   2. create an app
   3. copy Giphy API key
   4. set the key in .env (setting VUE_APP_GIPHY_API_KEY)
5. install dependencies: npm install
6. run development server: npm run serve
7. open a web browser and go to http://localhost:8080/

Libraries used

Some of the libraries being used in Giphy Explorer

• Vue.js (progressive JavaScript framework for developing single page applications),
• axios (promise based HTTP JavaScript client),
• qs (query string parsing library),
• Bootstrap (responsive web user interface framework),
• Humps (framework for converting JavaScript objects with underscore-case property naming notation to camel-case and back),
• Inversify Props (dependency injection framework for JavaScript),
• rxjs (reactive extensions for JavaScript),
• Vue Material Design Icon Components (Vue.js wrappers for Material Design Icons),
• vuex (Vue.js state management library),
• Vue Router (Vue.js routing library),