/studying-vuex

Simple CRUD application using the progressive JavaScript framework Vue (with Vuex).

Primary LanguageVueMIT LicenseMIT

📚 Simple CRUD with Vuex

Lessons Learned   |    Technologies   |    Environment Setup   |    Features

Creation Date Update Date Latest Version Pull Requests Welcome Project License

Application Overview

CRUD application developed to learn the official Vue.js state manager, Vuex. Completely based on Traversy Media's crash course available in YouTube.

Check out the application running!

🏆 Lessons Learned

  • Vuex (official Vue's state manager)
  • async/await syntax 😍
  • Upgrading to Vuex 4;
  • Using <suspense> component to handle asynchrony

🚀 Technologies & Resources

Frontend:

  • Vue.js v2 v3
  • Vuex v3 v4
  • Axios (HTTP client)

Development:

  • Visual Studio Code
  • Vue CLIVite & Node.js routines

🔨 Setting up the Environment

Make sure to have Node.js 10+ installed in your machine and its npm available in the command line, then use the following routines:

$ npm install     # Download dependencies
$ npm start       # Run development server
$ npm run build   # Build files for production

⚡ Features

  • Fetch tasks from JSON Placeholder REST API;
  • Create new task;
  • Complete existing task;
  • Delete existing task;
  • Change quantity of items being displayed;
  • Re-implement using TypeScript