📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
• 💻 Getting Started
  • Prerequisites
  • Setup
  • Install
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgments
• 📝 License

📖 Todo List

A project to build a simple HTML Todo List. The list is styled with TailwindCSS, making use of dynamic content creation through JavaScript and built using Webpack.

[Todo List Live Demo Link] (replace with your link)

🛠 Built With

Tech Stack

• Webpack
• JavaScript: modules and dynamic content creation
• TailwindCSS for styling

Key Features

• Webpack configuration for project setup
• Dynamic iteration over tasks to create Todo List
• On page load, render the dynamically created list

💻 Getting Started

Follow these steps to get a local copy up and running.

Prerequisites

• Visual Studio Code
• Modern Web Browser (e.g., Chrome)
• Internet Access

Setup

Clone the repository to your desired folder:

```sh git clone https://github.com/tinganjoseph/JavaScript-tailwindcss-todo-list cd JavaScript-tailwindcss-todo-list code . # open in vscode ```

Install

```sh npm install # if you have Node.js npm run build # to build webpack npm start # to see the project live ```

(back to top)

Run tests

```sh npx hint . npx stylelint "**/*.{css,scss}" ```

(back to top)

Deployment

Deploy using:

```sh netlify ```

(back to top)

👥 Authors

👤 Tingan Joseph

• GitHub: tinganjoseph
• LinkedIn: Tingan Joseph

🔭 Future Features

• Enhancements to styling and customization
• Additional features for the Single Page Application (SPA)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

⭐️ Show your support

If you like this project, please give it a star!

🙏 Acknowledgments

Special thanks to everyone who has supported this project.

📝 License

This project is MIT licensed.