Vue.js work

Football Data Vue App
  • Showing Football Data from around the world
  • Data on teams, players, scores, fixtures
  • Axios API calls managed in a cleaner way, separate from components
  • Using bootstrap-vue to style
Take a lookgithubGithub code
Vue Gridsome Air Table Web App
  • Trying out Gridsome and Airtable to create simple products app
  • Gridsome uses GraphSQL to make queries that display content to the page
  • Gridsome makes Progressive Web Apps easy
  • Airtable is a free data spreadsheet way to manage static data and content
Take a lookgithubGithub code
Movie Search Vue App
  • Using The Open Movie Database to search for movies
  • Practicing API calls
  • Made a bespoke Slider2 to display movies with no frameworks
Take a lookgithubGithub code
Conveyance Quotes Questionaire
  • Added data via js objects and arrays
  • Questions change based on previous answer
  • I like Vues expressions inside html like v-if=
  • Input Form validation, responsive styling, API calls for British postcode and number validation
Take a lookgithubGithub code
Vuex shopping app
  • Introduction to using Vuex, similar to Redux
  • Calculates discounts for the day
  • My first exposure to Vuex store single state of truth, new functions and methods learned.
Take a lookgithubGithub code

This site was create by JPM using Create-React-App and Bootstrap, saved to a Github repo and auto deployed using Netlify. All these tools are free and open source!