https://github.com/wale-prog/to-do-list-project
To-Do list a web app for tracking personal progress through the day. Users can input a list of tasks and mark them as completed once they are done. Built with JavaScript and Webpack
https://github.com/wale-prog/to-do-list-project
css html javascript webpack
Last synced: over 1 year ago
JSON representation
To-Do list a web app for tracking personal progress through the day. Users can input a list of tasks and mark them as completed once they are done. Built with JavaScript and Webpack
- Host: GitHub
- URL: https://github.com/wale-prog/to-do-list-project
- Owner: wale-prog
- License: mit
- Created: 2022-05-31T09:32:12.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-06-12T22:48:26.000Z (about 4 years ago)
- Last Synced: 2025-02-28T05:47:41.097Z (over 1 year ago)
- Topics: css, html, javascript, webpack
- Language: JavaScript
- Homepage: https://wale-prog.github.io/To-do-List-Project
- Size: 313 KB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# To-do-List-Project
# To Do List
> Project Description.
> This project creates a simple HTML list of To Do tasks. It was built using webpack and served by a webpack dev server.
## Built With
- JavaScript
- HTML
- CSS
- Git & Github
## Live Demo
[Live demo](https://wale-prog.github.io/To-do-List-Project/)
## Getting Started
**This project is part of a training series to highlight the need for proper documentation, best practices, and writing clean codes with html, css and Javascript.**
### Prerequisites
- Have an IDE installed on your computer to be able to view the code locally.
- Have a good working knowledge of Git and Github.
### Setup
- Open a command line terminal (Git bash preferrably) and navigate to a directory where you would like to save the work folder using cd.
- Clone the repository with git clone https://github.com/wale-prog/To-do-list.git
- To get the cuurent working tree, git fetch --all, then checkout to "todo-list-structure" branch.
- Finally, display the content of the ./dist/index.html by starting the webpack dev server doing the following:
- navigate to the root directory with a command line terminal
- run 'npm start'
### Install
- IDE preferrably VScode
- using command line terminal in the root directory install the following:
- node package manager with 'npm init -y'
- webpack with 'npm install webpack webpack-cli --save-dev'
- HtmlWebpackPlugin with 'npm install --save-dev html-webpack-plugin'
### Usage
- For any individual who wishes to practice and master webpack usage, basic HTML,CSS and Javascript
- For practice of HTML5, CSS and Javascript technologies.
## Author
👤 **Wale Olapetan**
- GitHub: [@wale-prog](https://github.com/wale-prog)
- Twitter: [@Wale_Petan](https://twitter.com/wale_Petan)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Shoutout to [@felixodete](https://github.com/felixodette) for being amazing.
- Microverse.
## 📝 License
This project is [MIT](./LICENSE) licensed.