https://github.com/rysth/es6-to-do-list
https://github.com/rysth/es6-to-do-list
Last synced: over 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/rysth/es6-to-do-list
- Owner: Rysth
- License: other
- Created: 2023-07-12T14:57:11.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-07-21T15:34:26.000Z (almost 3 years ago)
- Last Synced: 2025-02-07T23:47:01.192Z (over 1 year ago)
- Language: JavaScript
- Size: 378 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [Future Features](#future-features)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Test](#test)
- [👥 Authors](#authors)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
A ***To-do List* that uses localStorage to allow users to add, remove, and edit their tasks by presenting them in a modern interface. Built with HTML, CSS, and JavaScript.
Client
- Add new task with index, description and completed state.
- Display a list of saved tasks.
- Remove tasks from the list.
- Edit tasks from the list.
- Store book data using `localStorage`.
- **Implement a CSS Preprocessor.**
- **Implement a Database**
To get a local copy up and running, follow these steps.
### Setup
To get a local copy up and running, follow these steps:
1. Clone the repository: `git clone https://github.com/RysthCraft/ES6-To-Do-List.git`
2. Navigate to the project directory: `cd ES6-To-Do-List`
3. Install the dependencies: `npm install`
4. Build the project: `npm run build`
5. Open `index.html` in your web browser.
Then, you will change everything you want!
### Test
In order to follow the Linters you could check them using this:
```
HTML Checker:
npx hint .
CSS Checker:
npx stylelint "**/*.{css,scss}"
JavaScript Checker:
npx eslint .
```
#### Note
Use at the end '--fix' to help you out with any error.
👤 **Rysth**
- GitHub: [@rysth](https://github.com/RysthCraft)
- Linkedin: [@johnpalacios](https://www.linkedin.com/in/john-palacios-rysth/)
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you like this project feel free to watch it and take some features that will enhance your project
as well.
I would like to thank the Microverse Team for reviewing my code and making me a better
professional.
This project is [MIT](./LICENSE.md) licensed.