https://github.com/yougotwill/todo-box

Todo Box: A minimalist todo list app designed for you to get stuff done!
https://github.com/yougotwill/todo-box

beginners html javascript productivity sass tasks todo todolist vanilla-javascript

Last synced: about 6 hours ago
JSON representation

Todo Box: A minimalist todo list app designed for you to get stuff done!

• Host: GitHub
• URL: https://github.com/yougotwill/todo-box
• Owner: yougotwill
• License: mit
• Created: 2019-09-21T06:23:50.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T11:20:47.000Z (almost 2 years ago)
• Last Synced: 2023-03-04T11:07:49.344Z (over 1 year ago)
• Topics: beginners, html, javascript, productivity, sass, tasks, todo, todolist, vanilla-javascript
• Language: JavaScript
• Homepage: https://yougotwill.github.io/todo-box/
• Size: 266 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Todo Box

## Description

A minimalist todo list app designed for you to get stuff done!

Every front-end developer makes a todo list at some point in their life. This is mine. I was learning vanilla javascript at the time. Not perfect code but perfect for beginners to get a good look at.

Currently I use this at my day job to keep track of my tasks for the day. No deadlines, no overwhelming feelings, just the basics.

### How to use

1. Enter **5 tasks** and get them done! ☑️

2. Notice increased productivity📈

3. Profit???💰

4. Star this repo ⭐️

5. Follow [@yougotwill](https://github.com/yougotwill) on GitHub 👍

### Features

- [x] Add, edit, and delete tasks.

- [x] Responsive Design

- [x] Dark Theme

- [x] Keyboard shortcuts

- [x] Minimalist

- [x] Works in any modern browser

- [x] Open-source

### Keyboard Shortcuts

| Windows / Linux        | macOS                   | Action                    |

| ---------------------- | ----------------------- | ------------------------- |

| Shift+Alt+A | Ctrl+Shift+A | Add task                  |

| Shift+Alt+E | Ctrl+Shift+E | Edit most recent task     |

| Shift+Alt+R | Ctrl+Shift+R | Remove most recent task   |

| Shift+Alt+C | Ctrl+Shift+C | Complete most recent task |

### Screenshot

![screenshot](src/resources/screenshot.png)

## Development

### Installation

1. Make sure you've installed all requirements

2. Clone this repository:

   `git clone https://github.com/yougotwill/todo-box`

### Usage

Here's a short explanation how to use `todo-box`:

1. `cd` into the repository

2. Run `npm install`.

3. Do some JavaScript in [script.js](src/js/script.js) and save.

4. Open [index.html](src/index.html) in your browser of choice and see the results.

### Contributing

1. Fork it

2. Create your feature branch: `git checkout -b feature/my-new-feature`

3. Commit your changes: `git commit -am 'Add some feature'`

4. Push to the branch: `git push origin feature/my-new-feature`

5. Submit a pull request

### Requirements / Dependencies

- NodeJS

- npm

- SASS

### Version

0.1.0

## License

[MIT](LICENSE)