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

Overview

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
Owner
Clayton Marriel
Web Developer : Javascript | ReactJS | React Native | NodeJS
Clayton Marriel
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

Keuller Magalhães 36 May 5, 2021
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

MUWONGE HASSAN 2 Oct 12, 2021
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

Mark Feng 43 Jan 3, 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

Pomy 24 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

Pomy 112 May 10, 2021
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

Ignacio Durand 15 Dec 18, 2021
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

null 2 Jan 10, 2022
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

null 104 Dec 17, 2021
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

Lasanja 0 Jan 3, 2022
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

Hung Minh 2 Jan 16, 2022
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

Karol Fabjańczuk 6 Jul 21, 2020
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

Jiří Chára 308 Dec 31, 2021
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

_Chi_ 0 Dec 26, 2021
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

Marina Santana 0 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

vuejs 27.3k Jan 24, 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

Stefan Buhrmester 66 Dec 17, 2021
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

null 17 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

Cody Mercer 411 Jan 12, 2022
Model component for Vue.js

About Vue-model is a Javascript plugin for Vue.js that gives you the ability to transform your plain data into rich models with built-in and customiza

Aaron Francis 871 Oct 9, 2021