https://github.com/bolah2009/js-todo

A todo list app using JavaScript factory function and module pattern with the concepts of Single Responsibility and Tightly Coupled Objects.
https://github.com/bolah2009/js-todo

javascipt js-todo todoapp todolist

Last synced: 4 months ago
JSON representation

A todo list app using JavaScript factory function and module pattern with the concepts of Single Responsibility and Tightly Coupled Objects.

• Host: GitHub
• URL: https://github.com/bolah2009/js-todo
• Owner: bolah2009
• License: mit
• Created: 2019-09-25T15:26:09.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2024-09-30T12:15:32.000Z (10 months ago)
• Last Synced: 2025-01-16T21:18:10.025Z (6 months ago)
• Topics: javascipt, js-todo, todoapp, todolist
• Language: JavaScript
• Homepage: https://bolah-js-todo.netlify.com/
• Size: 938 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 16
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![Netlify Status](https://api.netlify.com/api/v1/badges/1c9db032-0afc-4411-8193-f65ab293a77c/deploy-status)](https://app.netlify.com/sites/bolah-js-todo/deploys)

# PROJECT: TODO LIST

This is the fourth project of the Main JavaScript curriculum at [Microverse](https://www.microverse.org/) - @microverseinc

The objective is to create a simple todo app by using JavaScript factory function and module pattern with the concepts of Single Responsibility and Tightly Coupled Objects.The features of the app also include:

- Create, edit and update todos

- Create project to be associated with todo

- Delete or mark todo as complete

### Development

- Dependencies

  - `eslint`: `^6.3.0`

  - `eslint-config-airbnb`: `^18.0.1`

  - `eslint-config-airbnb-base`: `^14.0.0`

  - `eslint-plugin-import`: `^2.18.2`

  - `stylelint`: `^11.0.0`

  - `stylelint-config-recommended`: `^3.0.0`

  - `webpack`: `^4.40.0`

  - `webpack-cli`: `^3.3.8`

  - `webpack-dev-server`: `^3.8.1`

- Clone the project

```bash

git clone https://github.com/bolah2009/js-todo.git

```

- Instal Dependencies

```bash

npm install

```

- Run Script (Development mode)

```bash

npm run dev

```

- Run Script (Production mode)

```bash

npm run build

```

- Start server

```bash

npm run start

```

#### [Assignment link](https://www.theodinproject.com/courses/javascript/lessons/todo-list)

#### [Live link](https://bolah-js-todo.netlify.com/)

### Screenshots

|                                                   Todo view for large screen                                                    |                                                   Todo view for large screen                                                    |

| :-----------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------: |

| ![todo view large screen](https://user-images.githubusercontent.com/36057474/66500030-cadeec80-eab8-11e9-8d6f-c0edef28b1e4.png) | ![todo view small screen](https://user-images.githubusercontent.com/36057474/66500033-cb778300-eab8-11e9-8b0c-d98842893557.png) |

|                                                         Add new project                                                         |                                                          Add new todo                                                           |

|    ![add new project](https://user-images.githubusercontent.com/36057474/66500036-cc101980-eab8-11e9-9e37-57c2039b5d19.png)     |      ![add new todo](https://user-images.githubusercontent.com/36057474/66500037-cc101980-eab8-11e9-8a64-5fc97fed934c.png)      |

|

#### Authors

- [@bolah2009](https://github.com/bolah2009/)