Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ssekpius/microverse-todo-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. (ES6 ,Webpack,HTML,CSS)
https://github.com/ssekpius/microverse-todo-list
css eslint javascript stylelint webpack
Last synced: 19 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. (ES6 ,Webpack,HTML,CSS)
- Host: GitHub
- URL: https://github.com/ssekpius/microverse-todo-list
- Owner: SSEKPIUS
- License: mit
- Created: 2022-11-08T13:14:42.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2023-04-07T20:44:53.000Z (over 1 year ago)
- Last Synced: 2024-10-03T11:43:10.818Z (about 1 month ago)
- Topics: css, eslint, javascript, stylelint, webpack
- Language: HTML
- Homepage:
- Size: 1.97 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Project Name
> Testing To Do list: part 1
## Built With
- CSS, HTML, ES6
- Webpack
- Technologies use- Git, npm
## About
In this part of the testing project, we will test functions responsible for the status and content updates. we will also test the order re-position of items in the list upon drag/drop actions.
## Live Demo
[Live Demo](https://ssekpius.github.io/Microverse-ToDo-list/dist/)
To get a local copy up and running follow these simple example steps.
## Getting Started
### WebPack
First let's create a directory, initialize npm, install webpack locally, and install the webpack-cli
1. npm init -y
2. npm install webpack webpack-cli --save-dev
### Loading CSS
1. npm install --save-dev style-loader css-loader
### Loading Data
1. npm install --save-dev csv-loader xml-loader
### HtmlWebpackPlugin
1. npm install --save-dev html-webpack-plugin
### Using webpack-dev-server
1. npm install --save-dev webpack-dev-server
2. npm install --save-dev express webpack-dev-middleware
### Set-up GitHub Actions
1. create a .github/workflows folder and add a copy of .github/workflows/linters.yml (https://github.com/microverseinc/linters-config/blob/master/html-css/.github/workflows/linters.yml) to that folder.
### Setup & Install
Set-up linters in your local env
#### Webhint
1. you need to initialize npm to create package.json file. npm init -y
2. Run npm install --save-dev [email protected]
3. Copy .hintrc (https://github.com/microverseinc/linters-config/blob/master/html-css/.hintrc) to the root directory of your project.
#### Stylelint
A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.
1. Run npm install --save-dev [email protected] [email protected] [email protected] [email protected]
2. Copy .stylelintrc.json (https://github.com/microverseinc/linters-config/blob/master/html-css/.stylelintrc.json) to the root directory of your project.
#### ESLint
1. Run npm install --save-dev [email protected] [email protected] [email protected] [email protected]
2. Copy .eslintrc.json(https://github.com/microverseinc/linters-config/blob/master/html-css-js/.eslintrc.json) to the root directory of your project.
### Run tests
1. Run npx hint . to Fix Web validation errors.
2. Run npx eslint . --fix on the root of your directory of your project to Fix linter errors.
3. Run npx stylelint "**/*.{css,scss}" . --fix on the root of your directory of your project to Fix linter errors.
4. Run npm test. to run tests.
## Authors
1. Ssekweyama Pius
- GitHub: [@githubhandle](https://github.com/SSEKPIUS)
- Twitter: [@twitterhandle](https://twitter.com/SSEK_PIUS)
- LinkedIn: [LinkedIn](https://linkedin.com/in/pius-ssekweyama-23665794)
## 🤝 Contributing
1. Bright Kportiklah
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
- Big thanks to Microverse and all the student teams that contributed in any form
## 📝 License
This project is [MIT](./LICENSE) licensed.