https://github.com/ademibowale/todo_list_webpack
In this project,i add some functionality to the application to make it interactive. so that the user will be able to mark task completion by selecting the corresponding checkbox (or undo it by unchecking the checkbox). The updated tasks list will be stored in local storage. This is a todo list Application which allow user to organize the list of things that one wants to get done, user can add/remove or edit a task and also user will be able to filter out all completed…
https://github.com/ademibowale/todo_list_webpack
html-css-javascript webpack
Last synced: 2 months ago
JSON representation
In this project,i add some functionality to the application to make it interactive. so that the user will be able to mark task completion by selecting the corresponding checkbox (or undo it by unchecking the checkbox). The updated tasks list will be stored in local storage. This is a todo list Application which allow user to organize the list of things that one wants to get done, user can add/remove or edit a task and also user will be able to filter out all completed…
- Host: GitHub
- URL: https://github.com/ademibowale/todo_list_webpack
- Owner: ademibowale
- Created: 2022-07-04T17:04:54.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-10-26T04:44:57.000Z (over 3 years ago)
- Last Synced: 2025-04-29T11:46:08.606Z (about 1 year ago)
- Topics: html-css-javascript, webpack
- Language: JavaScript
- Homepage:
- Size: 698 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Todo_list_webpack
# Todo-list Project Description.
>In this project,i add some functionality to the application to make it interactive. so that the user will be able to mark task completion by selecting the corresponding checkbox (or undo it by unchecking the checkbox). The updated tasks list will be stored in local storage.
> This is a todo list Application which allow user to organize the list of things that one wants to get done, user can add/remove or edit a task and also user will be able to filter out all completed…
## Built With
- Html
- Javascript
- css
- ES6
- Webpack
## Live Demo
- N/A
## Getting Started
To get a local copy for this project and running follow these simple steps.
## This project is built with webpack
- To work on this Repository Locally you need to run some command for basic Installation. NOTE: The minimum supported Node.js version to run webpack 5 is 10.13.0 (LTS)
- Click Here for node Installation - node
### Setup
- clone the repository `https://github.com/ademibowale/Todo_list_webpack.git`
## Test
For tracking linter errors locally you need to follow these steps:
- After cloning the project you need to run this command
> npm install
`This command will download all the dependencies of the project`
- For tracking the linter errors in HTML file run:
> npx hint .
- And For tracking the linter errors in JavaScript file run:
> npx eslint .
## Basic Setup
Let's run npx webpack, which will take our script at src/index.js as the entry point, and will generate dist/main.js as the output.
- npx webpack npx webpack --config webpack.config.js npm run build
## Setting up HtmlWebpackPlugin
## First install the plugin and adjust the webpack.config.js file:
- npm install --save-dev html-webpack-plugin
## Loading CSS
npm install --save-dev style-loader css-loader
## Development
## Using webpack-dev-server
npm install --save-dev webpack-dev-server
## Deployment
Run npm start
### Prerequisites
- You need to have git installed in your machine.
- A text editor or terminal
- A web browser to view output
## Author
👤 **Adebowale Adegboye**
- GitHub:[@ademibowale](https://github.com/ademibowale)
- Twitter:[@Ademibowale1]( https://twitter.com/Ademibowale1)
- LinkedIn:[@adebowale-adegboye-143568221/](https://www.linkedin.com/in/adebowale-adegboye-143568221/)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/ademibowale/Todo_list_webpack.git).
## Show your support
Give a ⭐️ if you like this project!
## 📝 License
This project is [MIT](./MIT.md) licensed.