Skip to content

Simple to do app board build with Vue.js. Its SFA n vue loader to test my vue skills.

License

Notifications You must be signed in to change notification settings

Leonardoleo/Aplos-Simple-Todo-App

Repository files navigation

Vue.js ToDo App

This is a basic one-page ToDo app, written with vue.js v2 (for app logic), semantic-ui (for styling) and sweetAlert (for modal windows - primarily in versions 0.1 to 0.4).

This app is designed just for personal use on a single device: it stores data in your local browser only. It allows ToDo cards to be created, edited, moved from one status to another, and deleted.

v0.1: The page contains two columns: one for Open Tasks and one for Completed Tasks. ToDo items have a title and project description. There's no permanent storage: everything entered is lost upon reload...

V0.2: Refactored and added new status and column for In Progress Tasks

v0.3: Added note and due date to ToDo item, with visual clues when items are almost due or past due.

v0.4: Added simple storage implementation to persist ToDo list in the browser's localStorage. Upon page reload the ToDo list is repopulated from storage.

v0.5: Replaced modal confirmation alerts with basic 1-step undo/redo functionality.

Build Setup

The development build uses WebPack (with hot reload) and vue-loader.

# install dependencies
npm install

# serve with hot reload at http://localhost:8181/
npm run dev
# or alternatively run
npm start

Screen capture

screen capture of ToDo App

Update info: The deployment on vercel is not ready yet though the production is active at enviroments. Its just for testing purpose.

This app is under prototype.

It's open source. Anyone can contribute this project n share ideas to make new features.

About

Simple to do app board build with Vue.js. Its SFA n vue loader to test my vue skills.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published