Demos

View some of the many full-working demos so that you can see how they work with your own eyes!

• Custom Vue component using v-model
  This demo is a custom Vue component checkbox that uses v-model for two-way data binding between the data and view.](/content/demos/v-model-custom-vue-component/index.html)
• Push.js Notifications App
  This is a demo using the open-source Push.js library to request permissions from the user and then send web browser notifications.](/content/demos/push-js-notifications-app/index.html)
• Real-time Note-taking App
  This demo is a Vue.js and Firebase real-time note-taking app that mimics a virtual notebook using the Firebase database.](/content/demos/note-taking-app/index.html)
• CSS and JS Modal Popup Box
  This demo showcases a nice modal popup box made with some simple CSS and very little vanilla JavaScript.](/content/demos/modal-popup-box/index.html)
• Pokemon API Reader using Axios
  This Pokemon API reader fetches data from a third-party source and displays to you the name and sprite of a Pokemon.](/content/demos/pokemon-api-reader/index.html)
• Vue.js Todo List App with Vuex
  This Vue.js app uses Vuex to manage the state for a simple todo list app on which you can add, delete and complete todo items.](/content/demos/vue-js-todo-app-vuex/index.html)
• Moon.js Calculator with Routing
  This Moon.js app showcases both routing using Moon Router and a simple functioning calculator made with computed properties.](/content/demos/moon-js-routing-calculator/index.html)
• Vue.js Post Reader with Axios
  This Vue.js app pulls live data from a third-party source using Axios and renders the list of posts.](/content/demos/vue-js-post-reader-axios/index.html)