Home - TechLadies/vuejs-starterkit GitHub Wiki

Welcome to the vuejs-starterkit wiki!

Our step-by-step learning objectives is here

  • Pre-requisites

    • NodeJS 12 or better
    • VS Code or a similar text editor
    • Some VueJS knowledge would be good
  • Basics

    • what we are using and why
    • why vite
    • why composition API
    • Vue2 or Vue3
    • Buefy or Bulma
  • Beginning

    • Things To Build
      • Setup data
      • Products Page
      • Product Component
      • Carts Page
      • Cart Component
    • Coverage
      • components
      • props
      • directives
      • data
      • methods
      • computed
    • completion branch: beginning-done
  • Intermediate

    • Things to Build
      • Place data to central store
      • Navigation between products and cart
      • API to get exchange rate
    • Coverage
      • vuex
      • vue-router
      • life cycle
      • Fetch API
    • completion branch: intermediate-done
  • Advanced (And Technical Task)

    • Things to Build
      • Add login page (default page and it is also the page to go to if not logged in)
      • Use different layout for public and private areas
        • Public area: Login
        • Private area: Product, Cart
    • Coverage
      • vuex
      • vue-router
    • completion branch: advance-done
  • Buefy

Notes

  1. Use API to fetch exchange rate information

https://api.exchangeratesapi.io/latest?symbols=USD,SGD