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

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
Twitter: @Wale_Petan

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

Shoutout to @felixodete for being amazing.
Microverse.

📝 License

This project is MIT licensed.

wale-prog/To-do-List-Project