Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lucas-erkana/to_do_list
This is educational project 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
https://github.com/lucas-erkana/to_do_list
css es6 html javascript jest modules webpack
Last synced: 19 days ago
JSON representation
This is educational project 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
- Host: GitHub
- URL: https://github.com/lucas-erkana/to_do_list
- Owner: Lucas-Erkana
- Created: 2022-12-07T15:02:03.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-09T13:03:19.000Z (over 1 year ago)
- Last Synced: 2024-10-12T09:49:25.505Z (about 1 month ago)
- Topics: css, es6, html, javascript, jest, modules, webpack
- Language: JavaScript
- Homepage: https://lucash2022.github.io/To_Do_List/version1.4/dist/
- Size: 2.22 MB
- Stars: 17
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## To Do list: Final Product
"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. You will build a simple website that allows for doing that, and you will do it using ES6 and Webpack!
Project 1:In this project, I will build a simple HTML list of To Do tasks. The list will be styled according to the specifications listed later in this lesson. This simple web page will be built using webpack and served by a webpack dev server.
Project 2: In this project, I will implement the CRUD (create, read, update, delete) methods. All the elements of the user interface will be fully functional and your application will be completed.
Project 3:In this project, I will add some functionality to your 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.
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
Empty List
Filled List
Checked List
Delete 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. You will build a simple website that allows for doing that, and you will do it using ES6 and Webpack!
Here are some features of the page:
- Type content to be added
- Select items on the list
- Add items to listt
- Edit items in list
- Delete items from list
## 🛠 Built With
HTML
CSS
Javascript
[To Do list-Version 1.4](https://lucash2022.github.io/To_Do_List/version1.4/dist/)
[To Do list-Version 1.4 README](https://github.com/Lucash2022/To_Do_List/tree/main/version1.4/)
[To Do list-Version 1.3](https://lucash2022.github.io/To_Do_List/version1.3/dist/)
[To Do list-Version 1.3 README](https://github.com/Lucash2022/To_Do_List/tree/main/version1.3/)
[To Do list-Version 1.2](https://lucash2022.github.io/To_Do_List/version1.2/dist/)
[To Do list-Version 1.2 README](https://github.com/Lucash2022/To_Do_List/tree/main/version1.2/)
[To Do list-Version 1.1](https://lucash2022.github.io/To_Do_List/version1.1/dist/)
[To Do list-Version 1.1 README](https://github.com/Lucash2022/To_Do_List/tree/main/version1.1/)
- Create a local directory that you want to clone the repository.
- Open the command prompt in the created directory.
- On the terminal run this command git clone [https://github.com/Lucash2022/To_Do_List.git]
- Go to the repository folder using command prompt cd To_Do_List
- Install the dev dependencies for linters run npm install.
- To start run npm start
### Prerequisites
In order to run this project you need:
-A working browser application (Google chrome, Mozilla Fire fox, Microsoft edge ...)
-VSCode or any other equivalent code editor
-Node Package Manager (For running, debuging, or installing dependancies to be used)
### Setup
Clone this repository to your desired folder:
- Open the command prompt in the created directory.
- On the terminal run this command git clone https://github.com/Lucash2022/To_Do_List.git
- Go to the repository folder using command prompt cd To_Do_List
- Install the dev dependencies for linters run npm install.
- To start run npm start
--->
Lucas Erkana
[githubhandle](https://github.com/Lucash2022)
[twitterhandle](https://twitter.com/@Lucas_David_22)
[linkedIn](https://www.linkedin.com/in/lucas-erkana-b30a0b3b/)
[facebook](https://www.facebook.com/lucash.toni)
- Implement additional pages, which will allow the user to Register
- Implement additional pages, which will allow the user to Login
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Lucash2022/To_Do_List/issues).
Give a ⭐️ if you like this project!
## 🙏 Acknowledgments
Reem Mohamed
[linkedIn](https://www.linkedin.com/in/reem-abd-el-fatah-a07543116/)
[githubhandle](https://www.linkedin.com/in/reem-abd-el-fatah-a07543116/)
Botlhale Katlego Setou
[linkedIn](https://www.linkedin.com/in/botlhalesetou/)
[githubhandle](https://github.com/Botlhale-Setou)
[Font Awesome](https://fontawesome.com/search?q=book&o=r)
[Icons8](https://icons8.com/icons/set/books)
[Google Fonts](https://developers.google.com/fonts)
[Bootsrtap](https://getbootstrap.com/docs/5.1/getting-started/introduction/)
[Luxon](https://imdac.github.io/modules/js/luxon/)
This project is [MIT](https://github.com/Lucash2022/To_Do_List/blob/main/MIT.md) licensed.