Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/tufoinnkuo10/todo

To-do project takes into account a list of Uncompleted and completed tasks of the day. The completed task can be deleted(optional) or edited. Feel free to have a look
https://github.com/tufoinnkuo10/todo

Last synced: 21 days ago
JSON representation

To-do project takes into account a list of Uncompleted and completed tasks of the day. The completed task can be deleted(optional) or edited. Feel free to have a look

Awesome Lists containing this project

README

        

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

# Project Name

To do list

> This project is designed to display a list of activities to be completed in a day. it is made possible with the use of webpack
> ![screenshot](./image/todo.png)

A picture of the test ran on the todo
> ![screenshot](./image/testall.png)

Additional description about the project and its features.

- Activities are in order
- They follow a particular index pattern
- All activities are called from an aray.

[Live Link](https://tufoinnkuo10.github.io/TODO/dist/)

## Built With

- ![](https://img.shields.io/badge/Github-blueviolet)
- ![](https://img.shields.io/badge/Javascript-blue)
- ![](https://img.shields.io/badge/HTML-purple)
- ![](https://img.shields.io/badge/CSS-blue)
- ![](https://img.shields.io/badge/WEBPACK-violet)
- barbel
- jest

##periquities
To get this project up and running, you should do the following;
If you wish to run the project locally, please do the following:

1.- Install Node.js and npm if you haven't already.
To install Node.js, follow the instructions on [Node.js](https://nodejs.org/en/).

To install npm, run the following command in your terminal:
``` bash
npm install -g npm
```
2.- Install webpack and linters.
To install webpack, run the following command in your terminal:
``` bash
npm install -g webpack
```
or follow the instructions on [webpack](https://webpack.js.org/).
To install linters, run the following command in your terminal:
``` bash
npm install -g eslint
npm install -g stylelint
npm install -g webhint
```
or follow the instructions on [eslint](https://eslint.org/), [stylelint](https://stylelint.io/), and [webhint](https://webhint.io/).

Also you can clone the repository and most of the jobs will be done for you.

Once you have the setup and the project locally, you can run the project using the following command in your terminal:
``` bash
npm run build
```
and if you want to watch the changes live, run the following command:
``` bash
npm start
```
also you can run ``` npm run watch ``` to make webpack watch the changes and rebuild the project without having to run the build command again.

## Tests

If you want to run the tests, do the following:
1.- Install Node.js and npm if you haven't already. Or you can use yarn if you prefer.

2.- Install Jest using npm or yarn. You can check here how to do it: [Jest](https://jestjs.io/es-ES/docs/getting-started).

3.- Run ``` npm test ``` or ``` yarn test ``` to run the tests.

4.- you can add the jest coverage so it covers all your code and show percentage left

Or

You can run ``` git clone https://github.com/tufoinnkuo10/TODO.git ``` to clone the repository and avoid all the installation steps because tests are set as a dependency.
Happy coding!

👤 **Author**
- Name: Tufoin Nkuo
- GitHub: [@tufoinnkuo10](https://github.com/tufoinnkuo10)
- Twitter: [@itztenten](https://twitter.com/itztenten)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/tufoin-nkuo-3b272320b)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

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

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- This project is realised thanks to microverse

## 📝 License

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