https://github.com/onjoseph/todolist-review
https://github.com/onjoseph/todolist-review
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/onjoseph/todolist-review
- Owner: ONJoseph
- License: mit
- Created: 2022-05-02T21:05:15.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2022-05-02T21:55:26.000Z (about 3 years ago)
- Last Synced: 2025-01-28T14:52:27.674Z (4 months ago)
- Language: JavaScript
- Size: 75.2 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README copy.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/)
## 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.