julienr114/vuejs-ticks-and-trips-for-a-good-hackathon

This repo contains a live-coding course for discover vuejs essential ecosystem with a litte project.

Vuejs Ticks and Trips for a Good Hackhaton

This repo contains a live-coding course for discover vuejs essential ecosystem with a litte project. We will create a small app that organizes tickets for a developers team.

RoadMap

We will be use :

• Vuejs
• Vue-CLI
• Vuex
• Sortable.js vue component A component from vuejs community

If we will have time :

• Vue Router
• Nuxtjs

And some others tools :

• http-server
• json-server
• axios

Steps

1. Just use Vuejs from a cdn and discover his assential API

• Organize tickets
• Manage tickets (Filter, Sort, Create, Delete)

2. Use single-file components with Vue-cli webpack template

3. Use vue with Axios for xhr (and json-server for api)

4. Refactoring with vueX

5. Use a a external vuejs component from vuejs community: Vue.sortable

6. Create a new user page with vue-router

7. Refactoring with Nuxt.js

Getting started

In the begining we will be use http-server for serve our project in developement Install it with:

  npm install http-server -g

and in project folder run

  http-server -c-1