getssh/todo-list-structure

Todo application that can add, edit, update, and delete tasks. It also perform bulk edits like delete all competed tasks and more. All tasks are created dynamically using JavaScript. HTML, CSS, and JavaScript, web pack has been used for this project.

📗 Table of Contents

• 📗 Table of Contents
• 📖 [Todo-list-structure]
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
    • Run tests
    • Deployment
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • ❓ FAQ (OPTIONAL)
  • 📝 License

📖 [Todo-list-structure]

[Todo-list-structure] This is a project that use to create and manage our daily tasks. It can be used to create, update, mark complate, and remove tasks.

🛠 Built With

Tech Stack

For this project, HTML, CSS and JavaScript has been used

Client

• HTML
• CSS
• Javascript
• Webpack

Key Features

• [Create Task]
• [Mark tasks as complete]
• [Update or remove tasks]
• [Store data to localstorage]

(back to top)

🚀 Live Demo

• Live Demo

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

• Node js in your local environment

Setup

Clone this repository to your desired folder:

git clone https://github.com/getssh/todo-list-structure

cd todo-list-structure

Install

Install this project with:

npm install

Usage

To run the project, execute the following command:

Use a liveserver of Run it on a web browser

Run tests

To run tests, run the following command:

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

Deployment

You can deploy this project using:

Set up a deployment in package.json and run deploy or use github pages

(back to top)

👥 Authors

👤 Getayawkal Tamrat

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

• [Animation and style to the book list and tab]
• [smooth transition]
• [Add functionality to edit]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project please send you feedbacks and give it a start

(back to top)

🙏 Acknowledgments

I would like to thank my coding partners and code reviwers

(back to top)

❓ FAQ (OPTIONAL)

• [Who can use this project]

  • [Anyone who is interested on web development can use this project]

• [What skills do i need to use this project?]

  • [This project is for starters and no perior tech knowledge is not required]

(back to top)

📝 License

This project is MIT licensed.

(back to top)