Todolist-vue-js - A CRUD Todolist application developed using VueJS

Last update: Jan 8, 2022

TodoList - VueJS

Nessa aplicação foi desenvolvido um CRUD utilizando o Framework VueJS.

VueJS

Demonstration.mp4

Estrutura de Pastas

  • components -> Componentes criados e que foram reutilizados em diferentes locais da aplicação.
  • mixins -> Criado para ser utilizado após uma alteração ocorrer.
  • [css](#list, #form) -> Estilizações da listagem de tarefas e o formulário

Instalação do CLI do VUE

npm i -g @vue/cli

Processos do desenvolvimento do TodoList

Single-Page com duas rotas

1- Form 2- Tarefas

  • Foi utilizado o BootstrapVue

Pré-requisitos

  • Possuir o Node.js instalado
  • VScode instalado
  • Para rodar a aplicação:
  • Clonar este repositório através do git clone "link deste repositório"
  • Abrir o VScode, no terminal: possuir o vue cli instalado / node e o npm instalado em sua máquina
  • Iniciar a aplicação: npm run serve

GitHub

https://github.com/ClaytonMarriel/todolist-vue-js
You might also like...

Todos-app-v2 - Todos App v2 Built Using Vue.js

Todos App v2 🚀 Live Demo: https://todos-app-v2.vercel.app Project setup yarn in

Mar 23, 2022

Saving Quick Notes - Vue, Vuex, Vue Router, Vue Composition API

Saving Quick Notes - Vue, Vuex, Vue Router, Vue Composition API

Saving Quick Notes - Vue Project setup yarn install Compiles and hot-reloads for development yarn run serve Compiles and minifies for production yar

Mar 31, 2022

Modular security for Vue, Vuex, Vue-Router and Nuxt

vue-kindergarten Introduction vue-kindergarten is a plugin for VueJS 2.0 that integrates kindergarten into your VueJS applications. It helps you to au

Jun 1, 2022

E-Store built with Vue's Composition api script setup, mocked a server, vuex, vue-router

Frontend Mentor - E-commerce product page solution This is a solution to the E-commerce product page challenge on Frontend Mentor. Frontend Mentor cha

Apr 8, 2022

Simple Scrum App built with Vue 2.6( + Bootstrap-Vue + Vuex)

vuescrum Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints

Dec 31, 2021

🗃️ Centralized State Management for Vue.js.

Vuex 🔥 HEADS UP! You're currently looking at Vuex 3 branch. If you're looking for Vuex 4, please check out 4.0 branch. Vuex is a state management pat

Aug 11, 2022

Sync and store vue state with browser URL params

vue-sync NOTE: Check out nuxt-url-sync to use it with SSR Sync Vue Component state with browser URL params Makes for easy bookmarking and sharing of v

Apr 27, 2022

Yet Another simple stash storage for Vue

Yet Another simple stash storage for Vue

vue-ya-stash Yet Another simple stash storage for Vue TL;DR npm install vue-ya-stash export default { stash: ['user', 'ui'], mounted () { cons

Jul 30, 2020

Easily share reactive data between your Vue components.

vue-stash A Vue.js plugin that makes it easy to share reactive data between components. This plugin is best suited for the rapid development of protot

Jul 5, 2022
Elm-inspired Application State Management for Vue.js.
Elm-inspired Application State Management for Vue.js.

VuElm It's a Vue state management inspired by Elm architecture. Concepts There are basically four elements on Elm architecture: Model, Actions, Update

May 5, 2021
A very simple but powerful state management for vuejs projects.
A very simple but powerful state management for vuejs projects.

Vuez A Simple but Powerful State Management for Vue.js projects. Vuez is a very simple but powerful state management library for Vue.js projects. Vuez

Feb 18, 2022
:rabbit2: A tiny, light and handy state management for vuejs 2, writing less verbose code.

revuejs ?? A tiny, light and handy state management for vuejs 2, writing less verbose code. Installation Install the pkg with npm: npm install revuejs

May 5, 2021
:smile: :star: :innocent: Mobx binding for Vuejs 2.

vue-mobx Mobx binding for Vue. Only supports Vuejs 2.x & Mobx 2.2.x or higher. Installation Install the pkg with npm: npm install vue-mobx --save or

May 10, 2021
A VueJS directive for downloading files that are under a protected route schema
A VueJS directive for downloading files that are under a protected route schema

?? vue-auth-href A VueJS directive for downloading files that are under a protected route schema (that needs an Authorization Header). It's a common t

Apr 15, 2022
EchShopy it's MarketPlace Store that create with Vuejs Freamwork

011 Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints and f

Jul 19, 2022
A project to demonstrate the use of Store and state, getters, mutations in Vuex and VueJS

Vuex State Sample ?? ?? A project to demonstrate the use of Store and state, getters, mutations in Vuex and VueJS. Create Vuex Store and use it to hol

Apr 13, 2020
A vue boiler plate with state management, vuex, vue-router that can be backed by a laravel restful api using jwt auth
A vue boiler plate with state management, vuex, vue-router that can be backed by a laravel restful api using jwt auth

Laravel 6 (LTS) Vue.js Frontend Boilerplate A Vue.js Frontend starter project kit template/boilerplate with Laravel 6 Backend API support. Features Re

Oct 12, 2021
Vue plugin for using Microsoft Authentication Library (MSAL)

vue-msal Wrapper of MSAL.js (Microsoft Authentication Library) for usage in Vue. The vue-msal library enables client-side vue applications, running in

Aug 4, 2022
Todos-VUEX - A todo list made using Vue, Vuex, Axios and JSON Placeholder API.

todos Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints and

Jan 3, 2022