Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/barakadanny/todo-list-using-es6-and-webpack

This is a todo list with following features: possibility to add and mark a task as complete but also delete it, possibility to drag and drop a created task to change it place on the DOM. Built with javascript, webpack, and css
https://github.com/barakadanny/todo-list-using-es6-and-webpack

css javascript webpack

Last synced: about 2 months ago
JSON representation

This is a todo list with following features: possibility to add and mark a task as complete but also delete it, possibility to drag and drop a created task to change it place on the DOM. Built with javascript, webpack, and css

Awesome Lists containing this project

README

        

ToDo List

# 📗 Table of Contents

- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Deployment](#triangular_flag_on_post-deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ (OPTIONAL)](#faq)
- [📝 License](#license)

## About The Project

TodoList is a powerful task management tool that helps you stay organized and productive, whether you're managing your personal to-do list or a team project. With TodoList, you can easily keep track of all your tasks and deadlines, set reminders, and collaborate with team members.

TodoList offers a clean and intuitive interface that makes it easy to add and manage tasks. You can create multiple lists and prioritize tasks based on their importance or deadline. You can also set reminders and notifications to ensure that you never miss a deadline or forget an important task.

## 🛠 Built With

### Tech Stack

- html
- Css
- JavaScript
- Webpack

### Key Features

- A user-friendly interface that allows you navigate through information to get you started

(back to top)

## 🚀 Live Demo

[Website Live](https://barakadanny.github.io/ToDo-List-using-ES6-and-Webpack/?Task=skdjgs)

(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:

- Browser eg. Chrome
- Text Editor eg. Vs Code, Atom, Sublime text, etc.

### Setup

Clone this repository to your desired folder:
run the command below

```
git clone https://github.com/barakadanny/ToDo-List-using-ES6-and-Webpack.git
```
### Install

Install linters to handle some common Errors, You can have description about [Linters here](https://github.com/microverseinc/linters-config)

### Deployment

You can deploy this project using github pages

(back to top)

## 👥 Authors

👨‍💻 **Baraka Danny**

- GitHub: [@barakadan](https://github.com/barakadanny)
- LinkedIn: [danny baraka](https://www.linkedin.com/in/danny-baraka-589156169/)

## 🔭 Future Features

- Multiple lists and categories to help you organize your tasks

(back to top)

## 🤝 Contributing
Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/barakadanny/ToDo-List-using-ES6-and-Webpack/issues).

(back to top)

## ⭐️ Show your support

By giving a star, you are helping to raise its visibility and bring it to the attention of others who might be interested in using it or contributing to its development.

(back to top)

## 🙏 Acknowledgments
I give credit to code camp for this amazing [video](https://www.youtube.com/watch?v=MpGLUVbqoYQ) that help reshape my knoweldge in webpack.

(back to top)

## ❓ FAQ

- **Css best practices**
- [best practices](https://www.techtarget.com/searchsoftwarequality/definition/best-practice#:~:text=A%20best%20practice%20is%20a,a%20task%20or%20configure%20something.)

(back to top)

## 📝 License

This project is [MIT](./LICENSE) licensed.

(back to top)