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

https://github.com/frank1738/todo-list

This is a Todo app that enable users to track their daily activities. It is helpful in planning daily schedules. In this version of the Todo list app, the user will be getting four options; Create (add) a new task or adding a new ToDo in the ToDo List App , See all the tasks or View all the ToDos that were added to the app ,Edit tasks on the Todo list ,Delete any ToDo from the list of ToDos
https://github.com/frank1738/todo-list

html javascript webpack

Last synced: about 1 month ago
JSON representation

This is a Todo app that enable users to track their daily activities. It is helpful in planning daily schedules. In this version of the Todo list app, the user will be getting four options; Create (add) a new task or adding a new ToDo in the ToDo List App , See all the tasks or View all the ToDos that were added to the app ,Edit tasks on the Todo list ,Delete any ToDo from the list of ToDos

Awesome Lists containing this project

README

          

![](https://img.shields.io/badge/Microverse-blueviolet)

# Todo List app
This is a Todo app that enable users to track their daily activities. It is helpful in planning daily schedules.
In this version of the Todo list app, the user will be getting four options
- Create (add) a new task or adding a new ToDo in the ToDo List App
- See all the tasks or View all the ToDos that were added to the app
- Edit tasks on the Todo list
- Delete any ToDo from the list of ToDos

![image](https://user-images.githubusercontent.com/98453979/171441885-df6f8c55-a63f-4186-9a42-09feaf26d94f.png)

## Built With

- HTML
- CSS
- Javascript
- Webpack
- Lighthouse (An open-source, automated tool for improving the quality of web pages. It has audits for performance, accessibility, progressive web apps, SEO and more).
- Webhint (A customizable linting tool that helps you improve your site's accessibility, speed, cross-browser compatibility, and more by checking your code for best practices and common errors).
- Stylelint (A mighty, modern linter that helps you avoid errors and enforce conventions in your styles).
- ESlint (A mighty, modern linter that helps you avoid errors and enforce conventions in JavaScript codes)

## Live Demo

[Live Demo Link](https://frank1738.github.io/Todo-list/)

## Prerequisites

- Have a working and updated browser
- Have a local version control like **git** install on your computer
- Have knowledge about figma to adapt the design by following some specific requirements
- Have an account and sign in on GitHub, as online/remote version control system
- Download waves to check project accessibilty

## Getting Started

To get a local copy up and running follow these simple example steps.

- npm
```sh
npm install npm@latest -g
```

### Installation

1. Clone the repo
```sh
git clone https://github.com/frank1738/Todo-list.git
```
2. Install webpack packages
```sh
--save-dev webpack
```
3. Run command
```sh
npm start
```
4. Testing
```sh
npm run test
```

(back to top)

## Author

👤 **Frankline Osoro**

- GitHub: [@frank1738](https://github.com/frank1738)
- Twitter: [@frankhiggins08](https://twitter.com/frankhiggins08)
- LinkedIn: [Frankline Osoro](http://www.linkedin.com/in/frankline-osoro-b526ba18b)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

## Acknowledgments

The design has been inspired by:

[Microverse](https://www.microverse.org)

## 📝 License

This project is [MIT](./MIT.md) licensed.