Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gardimy/todo-list
In this project, I add some functionality to my application to make it interactive. The user will also 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.
https://github.com/gardimy/todo-list
css5 eslint html javascript lighthouse luxon stylelint webhint webpack
Last synced: 14 days ago
JSON representation
In this project, I add some functionality to my application to make it interactive. The user will also 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.
- Host: GitHub
- URL: https://github.com/gardimy/todo-list
- Owner: Gardimy
- License: mit
- Created: 2023-05-09T17:02:16.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-05-12T23:59:30.000Z (over 1 year ago)
- Last Synced: 2025-01-13T14:51:57.612Z (17 days ago)
- Topics: css5, eslint, html, javascript, lighthouse, luxon, stylelint, webhint, webpack
- Language: JavaScript
- Homepage: https://gardimy.github.io/Todo-List/dist/
- Size: 361 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# To do list: Interactive list
Interactive list
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
[🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
# 📖Interactive list
In this project, I add some functionality to my application to make it interactive. The user will also 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.
## 🛠 Built With
> This project focuses only on `linters` and `.gitignore`. and JS or Server are included in this repo.
Client
Server
> Use webpack to bundle JavaScript.
- [ ] **[Use webpack to bundle JavaScript.]**
- [ ] **[Use ES6 modules to write modular JavaScript.]**
- [ ] **[use proper ES6 syntax.]**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Gardimy/Webpack_setup/issues).
[Live Demo](https://gardimy.github.io/Webpack_setup/dist/)
>If you are a new developer and would like to have a basic project to start practicing your code or creating your first project Using the most receent version of javaScript ,HTML and CSS : Cloning this project will give you what you need!
> To get a local copy up and running, follow these steps: npm run dev or npm start to start this app.
### Prerequisites
In order to run this project you need:
- Have [npm](https://www.npmjs.com/package/npm) installed in your project:
`curl -qL https://www.npmjs.com/install.sh | sh`
### Setup
Clone this repository to your desired folder:
`https://github.com/Gardimy/Webpack_setup`
or
`https://github.com/Gardimy/Webpack_setup` <-- _Only if you have [SSH keys configured](https://docs.github.com/en/authentication/connecting-to-github-with-ssh/adding-a-new-ssh-key-to-your-github-account) on your GitHub account_.
### Install:
run the `npm install` command in your console.
### Usage
To run the linters before committing any changes to your code, execute the following commands:
`npx hint .`
`npx stylelint "**/*.scss"` <--_NOTE: this repo is set up to use with SCSS. If you would like to use CSS, you must replace `"**/*.scss"` with `"**/*.{css,scss}"` in **line 48** of the `.stylelintrc.json` file, and run the linter with:_
`npx stylelint "**/*.{css,scss}"` _instead_.
> 👤 **Gardimy Charles**
- GitHub: [@Gardimy](https://github.com/Gardimy)
- Twitter: [@gardyelontiga45](https://twitter.com/gardyelontiga45)
- LinkedIn: [Gardimy charles](https://www.linkedin.com/in/gardimy-charles)
- Use webpack to bundle JavaScript.
- Use proper ES6 syntax.
- Use ES6 modules to write modular JavaScript.
> If you like this project please give me a star on GitHub.And Don't hesitate to follow me on github, you will have the opportunity to get all updating available for this project.
> I would like to thank [microverse](https://www.microverse.org/) for teaching me this Skills
This project is [MIT license](./LICENSE) licensed.