Open Source Ecosystems

To-do List

Live Link

Visit the To-do List to get started

Objectives:

Functional programming
Principles of Object-oriented design
Code organization with ES6 modules in Javascript
Using Webpack for compiling Javascript modules
DOM manipulation

Features

The todo list application organizes a user's tasks in items and projects. To create a todo list, click on the Add task button or the Quick Add Task in the navigation bar. The task is created by filling the input fields in the modal that appears. On first visit, users' tasks are saved to a default project. Users can however create new projects from the sidebar. The modal provides options to assign tasks to a project. All tasks and projects are stored in Local Storage.

Prerequisites

Internet Connection
Git GUI
An Integrated Development Environment
Chrome and Firefox. Partial support is available on Safari. Internet Explorer is not supported.
Node Package Manager (NPM)

Tools/Built With

JavaScript ES6
Webpack
Bootstrap
HTML5/CSS3
NPM

Getting Started

To get started with the app, clone this project by running git clone https://github.com/george-swift/todo-list.git
Run npm install to install the needed packages and dependencies
A development tool is included in the npm script. Run npm start to fire up a local server with live reloading.
If not already redirected, visit http://localhost:8080/ in your browser to use the Todo List with dev server.
Open the directory in your preferred IDE to view source files
Alternatively, open the index.html file in the ./dist folder to launch the application in your browser.
To terminate the server, enter Ctrl + C in your terminal

Testing

Run npm test to test the Todo List application

Authors

Ubong George

LinkedIn: Ubong George
Twitter: @__pragmaticdev
GitHub: @george-swift

Yusif Badmus

GitHub: @ybadmus
LinkedIn: LinkedIn
Twitter: @yusif_badmus

Acknowledgments

Show your support

Leave a ⭐ if you like this project!

License

Available as open source under the terms of the MIT License.

Related Projects

to-do-list

This is the fourth project in the second module of the Microverse program. It is a simple task ma...

14 Jul 2023 2

To-Do_List

Todo application is a web app that helps to organise your daily activities. It lists all the acti...

03 May 2022 3

Todo-list_webpack

A todo-list application which can be used to keep track of daily tasks. Users can add, edit and r...

01 Nov 2022 5

todo-list

This project todo-list is gotten from https://www.theodinproject.com/courses/javascript/lessons/t...

13 Oct 2020 4

Todo-List

A Todo List Application built with ES6 & Webpack. Todos are categorized into projects. More proje...

12 Sep 2020 5

To-Do-List

A simple app that lists daily to-do list and mark the completed ones.

06 Jun 2023 6

js-todo-list

Todo Application where users can add there Todos and project. Each project can be broken down int...

13 Nov 2020 5

toDo_list

This exercise builds a simple to-do list using WebPack and then serving it with Webpack dev server.

06 Jun 2023 21

todo-list

To-Do List project is the application for a to-do list, users can add and remove tasks from the t...

30 Nov 2021 11

code_review_ToDoList

This repository is a copy of my To Do List project. It aims to enhance my code reviewing skills a...

13 Jun 2023 13

todo-list-react

Todo-List is a web application for todo operations, Users can mark tasks as completed, add new ta...

10 Jan 2022 9

To-Do-list-Application

This is a team project in the Microverse second Module. The project is a to-do list application t...

22 Feb 2022 2

To-Do_List

This project is a to-do list app built using ES6 and Webpack as part of Microverse projects.

05 May 2022 5

todo-list

This is a simple web app that allows a user add list of tasks that needs to be completed. It is b...

01 Jun 2022 7

todo-list

A TodoList app that allows users to add and remove tasks, with tasks being persisted to local sto...

30 Nov 2021 4