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

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.