Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/sonickmumba/to-do-list

"To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. Built using ES6 and Webpack
https://github.com/sonickmumba/to-do-list

css es6 html javascript unit-testing webpack

Last synced: 9 days ago
JSON representation

"To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. Built using ES6 and Webpack

Awesome Lists containing this project

README

        

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

# To-do List

> In this project, I will build a simple HTML list of To Do tasks. "To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. This web page will be built using webpack and served by a webpack dev server.

## Built With

- HTML and CSS
- Frameworks: N/A
- Technologies used: GIT, GITHUB, LINTERS
- npm
- Webpack

## Live Demo

Check **Live Demo** [here.](https://sonickmumba.github.io/To-do-list/dist/.)

## Getting Started

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

### Prerequisites

- npm (node package manager) – to be able to install packages locally.
- A github Account – to be able to use github actions.

### Setup
Use 'git clone https://[email protected]:Sonickmumba/To-do-list.git' to clone the repository to your local environment and begin working on it.
- run **'npm init'** to install dependancy packages.
- run **'npm run build'** to build the project and to generate dist files.
- run **'npm start'** to run you project in development mode.

### Usage
- Run npm start
### Run tests

- run Webhint linter
- Run npx hint . on the root of your directory of your project.

- run Stylelint linter
- Run npx stylelint "**/*.{css,scss}" on the root of your directory of your project.

- run ESLint linter
- Run npx eslint . on the root of your directory of your project.

- run gulp
- Run gulp on the root of your directory of your project.

### Deployment

To run the project open the downloaded folder (after extraction) then run the "**index.html**" file in your browser.
## Authors

👤 **Author1**

- GitHub: [@Sonickmumba](https://github.com/Sonickmumba)
- Twitter: [@Sonick](https://twitter.com/MumbaSonick)
- LinkedIn: [Sonick Mumba](https://www.linkedin.com/in/sonick-m-301557a2/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

## Acknowledgement

Matt Shwery [@mshwery](https://web.archive.org/web/20190228042842/https://twitter.com/mshwery) for the Design used.

## Show your support

Give a ⭐️ if you like this project!
## 📝 License

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