https://github.com/juliolmuller/studying-vuex

Simple CRUD application using the progressive JavaScript framework Vue (with Vuex).
https://github.com/juliolmuller/studying-vuex

crud javascript portfolio vuex

Last synced: about 10 hours ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/juliolmuller/studying-vuex
• Owner: juliolmuller
• License: mit
• Created: 2019-08-18T02:09:42.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2021-03-16T02:17:53.000Z (over 3 years ago)
• Last Synced: 2023-03-05T06:29:02.707Z (over 1 year ago)
• Topics: crud, javascript, portfolio, vuex
• Language: Vue
• Homepage: https://juliolmuller.github.io/studying-vuex
• Size: 3.63 MB
• Stars: 2
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  :books: Simple CRUD with Vuex





  Lessons Learned   |   

  Technologies   |   

  Environment Setup   |   

  Features





  

  

  

  

  





  



CRUD application developed to learn the official Vue.js state manager, Vuex. Completely based on Traversy Media's [crash course available in YouTube](https://www.youtube.com/watch?v=5lVQgZzLMHc).

[Check out the application running!](https://juliolmuller.github.io/studying-vuex/)

## :trophy: Lessons Learned

- Vuex (official Vue's state manager)

- `async`/`await` syntax :heart_eyes:

- Upgrading to Vuex 4;

- Using `` component to handle asynchrony

## :rocket: Technologies & Resources

**Frontend:**

- Vue.js ~~v2~~ v3

- Vuex ~~v3~~ v4

- Axios (HTTP client)

**Development:**

- Visual Studio Code

- ~~Vue CLI~~Vite & Node.js routines

## :hammer: 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:

```bash

$ npm install     # Download dependencies

$ npm start       # Run development server

$ npm run build   # Build files for production

```

## :zap: Features

- [x] Fetch tasks from [JSON Placeholder REST API](https://jsonplaceholder.typicode.com/);

- [x] Create new task;

- [x] Complete existing task;

- [x] Delete existing task;

- [x] Change quantity of items being displayed;

- [ ] Re-implement using TypeScript