Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: about 1 month 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 (over 5 years ago)
Default Branch: master
Last Pushed: 2021-08-11T15:41:05.000Z (over 3 years ago)
Last Synced: 2023-03-03T18:09:17.196Z (almost 2 years ago)
Topics: javascipt, js-todo, todoapp, todolist
Language: JavaScript
Homepage: https://bolah-js-todo.netlify.com/
Size: 1.5 MB
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/)