https://github.com/onjoseph/to-do_list
This project is a to-do list app built using ES6 and Webpack as part of Microverse projects.
https://github.com/onjoseph/to-do_list
css3 es6 html5 javascript webpack
Last synced: about 1 year ago
JSON representation
This project is a to-do list app built using ES6 and Webpack as part of Microverse projects.
- Host: GitHub
- URL: https://github.com/onjoseph/to-do_list
- Owner: ONJoseph
- License: mit
- Created: 2022-05-05T00:02:15.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-06-15T23:17:37.000Z (about 4 years ago)
- Last Synced: 2025-03-30T07:51:14.959Z (over 1 year ago)
- Topics: css3, es6, html5, javascript, webpack
- Language: JavaScript
- Homepage: https://github.com/ONJoseph/To-Do_List
- Size: 268 KB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
> Web app for a To-do list
.png)
This project is a to-do list app built using ES6 and Webpack as part of Microverse projects.
Things done so far:
### 1. Create list structure
- Use custom-built Webpack boilerplate
- Implement app structure using classes
- Populate to-do list dynamically on page load
- Implement event listener using promise
- Split JS files into modules
- Configure repository to deploy from Webpack output directory
### 2. Make list interactive
- Implement HTML Drag and Drop API on list items
- Track task status
- Implement Web Storage API for local storage of tasks
- Refactor modules using classes
### 3. Implement CRUD
- Allow user to add, edit, and delete tasks
- Make UI elements functional
## Built With
- Major languages: HTML, CSS, JS
- Technologies used: Lighthouse, Webhint, Stylelint, ESLint, Webpack, Node.js
## Live Demo
[Online Version Link](https://onjoseph.github.io/To-Do_List/dist)
## Getting Started
To get a local copy up and running, follow the steps below in your terminal.
### Prerequisites
- Node.js
- npm
### Setup
Clone the project:
```
git clone
```
### Install
There are currently no production dependencies.
Install the development dependencies:
```
npm install
```
### Usage
The assets are in the `src` directory.
The output is in the `docs` directory.
### Run tests
To run the entire test suite:
```
npm test
```
### Deployment
**Note**: The default output directory of Webpack (`dist`) has been renamed to `docs` to facilitate publishing from GitHub Pages.
To build the website:
```
npm run build
```
To serve the website directly:
```
npm run start
```
## Authors
👤 **Joseph Ogbole**
- GitHub: [@ONJoseph](https://github.com/ONJoseph)
- Twitter: [@ONJCodes](https://twitter.com/ONJCodes)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/o-n-joseph-ba8425147/)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page]().
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Microverse for the Readme Template
## 📝 License
This project is [MIT](./MIT.md) licensed.