/To-do-list

Primary LanguageJavaScriptMIT LicenseMIT

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

No live demo yet

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

🤝 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.