- 📖 About the Project
- 💻 Getting Started
- 👥 Authors
- 🔭 Future Features
- 🤝 Contributing
- ⭐️ Show your support
- 🙏 Acknowledgements
- ❓ FAQ
- 📝 License
- HTML, CSS, and JavaScript
Describe between 1-3 key features of the application.
- Project with webpack.
- Used HTML Webpack Plugin to generate HTML files.
- Array of simple tasks is used to populate the HTML.
- Function to iterate over tasks to populate HTML according to task index order.
- Dynamically generate list tasks.
- Styling used following template.
- Code is created in src folder and dist folder is generated automatically.
The live demo of the app can be found here.
To clone the repository in local environment try following steps.
- A web browser like Google Chrome.
- A code editor like Visual Studio Code with Git and Node.js.
You can check if Git is installed by running the following command in the terminal.
$ git --version
Likewise for Node.js and npm for package installation.
$ node --version && npm --version
Clone the repository using this link
In the terminal, go to your file directory and run this command.
$ git clone https://github.com/PrangonGhose/To-do-list.git
In the terminal, run these commands to get into development.
$ cd To-do-list
$ npm init -y
$ npm install webpack webpack-cli --save-dev
$ npm install --save-dev html-webpack-plugin
$ npm install --save-dev style-loader css-loader
This website is applicable for both mobile and desktop version.
👤 Prangon Ghose
- GitHub: @PrangonGhose
- Styling of the webpage
- Animation to add or remove functionality
- Adding responsiveness
Contributions, issues, and feature requests are welcome! Add suggestions by opening new issues.
Feel free to check the issues page.
Give a ⭐️ if you like this project!
I would like to thank:
- Microverse
- Code Reviewers
- Coding Partners
This project is MIT licensed.