js-todo-list
Todo Application where users can add there Todos and project. Each project can be broken down into task to be carried out See README for details Developed with JavaScript, ES6 and Webpack5
Stars
5
Committers
3
JS TODO List
A simple TODO-list app built to practice Javascript and Webpack
- todos are dynamically created objects
- tasks include proposed properties
- todos can be divided by projects
- object and DOM logic are separate
- user can view projects, view todos in projects, expand tasks to see details, projects and todos have CRUD functionality
Live Link
Built With
- HTML
- Javascript
- Sass
- Bulma.io
- Webpack 5
Webpack Setup
- npm install [To install all dependencies]
- npm run build [To bundle the files]
- npm run watch [To update as you make changes]
Getting Started
To get a local copy up and running follow these simple example steps.
Setup
- Clone this repository with
git clone https://github.com/Haroonabdulrazaq/js-todo-list.gitusing your terminal or command line. - Change to the project directory by entering
cd js-todo-listin the terminal - Next open the folder with an IDE like VSCode.
- Install the LiveServer Extension on VSCode.
- Once installed hit the "Go Live" button on the bottom right hand of your editor.
- The application should automatically open in a browser window.
Webpack SetUp
- npm install [To install all dependencies]
- npm run build [To bundle the files]
- npm run watch [To update as you make changes]
Deploy
- Github pages
Authors
Haroon Abdulrazaq
- Github: @haroonabdulrazaq
- Twitter: @Hanq_o
- Linkedin: Haroonabdulrazaq
Mark Rode
- Github: @m15e
Show your support
Give a if you like this project!
Acknowledgments
- Microverse
- The Odin Project
License
This project is MIT licensed.