Quick Links
External Links
Vue Sandbox
18092
wp-singular,portfolio_page-template-default,single,single-portfolio_page,postid-18092,wp-theme-bridge,bridge-core-3.3.4.8,qodef-qi--no-touch,qi-addons-for-elementor-1.10,qode-page-transition-enabled,ajax_fade,page_not_loaded,,side_area_uncovered_from_content,qode-theme-ver-30.8.8.9,qode-theme-bridge,qode_header_in_grid,qode-portfolio-single-template-1,wpb-js-composer js-comp-ver-8.7.3,vc_responsive,elementor-default,elementor-kit-16505
Vue App Screenshot
Category
Web Development
About This Project

Although I have years of experience as a VueJS developer, most of the code I’ve worked on is proprietary and can not be shared. So, I created a simple Vue app as a sandbox to explore concepts and demonstrate a basic understanding of the framework.

This web app merely tracks the cities and specific breweries in which I have performed as a musician for my Colorado Sessions project. It is written in Typescript utilizing Interfaces and classes. It currently employs the following concepts:
  • Composition API & Composables
  • Typescript
  • Interfaces for data typing
  • Vue Router
  • Pinia Store
  • Axios (to call API and get data from mySQL)
  • Navigation guards
  • Vue3 Spinners
  • Scoped Styles
  • Parent child Component Architecture