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

ToDo List

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

1. Clone this repository with git clone https://github.com/Haroonabdulrazaq/js-todo-list.git using your terminal or command line.
2. Change to the project directory by entering cd js-todo-list in the terminal
3. Next open the folder with an IDE like VSCode.
4. Install the LiveServer Extension on VSCode.
5. Once installed hit the "Go Live" button on the bottom right hand of your editor.
6. 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.