johnnguyencodes / todo-list

A simple Todo List app developed with VueJs 3 and the Composition API

Todo List App

Maintained by: John Nguyen

• Developed with Vue.js 3 and the Composition API
• Styled with Bootstrap 4

Completed Features

1. User can enter a new Todo item
2. User can toggle a Todo item as done or not done
3. User can delete a Todo item
4. User can toggle all Todo items as done or not done

Features To Be Implemented

1. User can edit a Todo item
2. User can store data locally using localStorage (stretch)

Live Site

• The live version can be viewed here

System Requirements

• Ubuntu Linux 18.04 LTS
• NPM 6.9+
• Node.js version 10+
• Vue.js 3
• vue/cli 4.5

Set Up Environment

1. Clone the repo

git clone https://github.com/johnnguyencodes/todo-list.git

cd todo-list

2. Install all dependencies with NPM

npm install

3. Install vue/cli

npm install -g @vue/cli@latest

3. Start the project in development mode. Once started, you can view the application by opening http://localhost:8080 in your browser.

npm run serve

Demo

Desktop

Mobile