Web app for a to-do list
This project is a to-do list app built using ES6 and Webpack as part of Microverse projects.
Things done so far:
- 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
- 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
- Allow user to add, edit, and delete tasks
- Make UI elements functional
- Use Jest
- Implement mock of local storage
- Create unit tests for CRUD add and delete operations
- Major languages: HTML, SCSS, JS
- Technologies used: Sass, Lighthouse, Webhint, Stylelint, ESLint, Webpack
To get a local copy up and running, follow the steps below in your terminal.
- Node.js
- npm
For more information, view the section Installation in this guide about Node.js and npm.
Clone the project:
git clone https://github.com/AkashaRojee/to-do-list.git
There are currently no production dependencies.
Install the development dependencies:
npm install
The assets are in the src
directory.
The output is in the docs
directory.
To run the entire test suite:
npm test
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
👤 Akasha Rojee
- GitHub: @AkashaRojee
- Twitter: @AkashaRojee
- LinkedIn: Akasha Rojee
👤 Hubert Mugabo
- GitHub: @mugberto
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
This project is MIT licensed.