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

https://github.com/ikennarichard/todo

ToDo is a web app that helps you organize daily tasks. It sorts out tasks that need to be completed and lets you mark them as complete or not. Built using HTML, CSS, JavaScript and webpack
https://github.com/ikennarichard/todo

css html javascript microverse webpack

Last synced: about 1 year ago
JSON representation

ToDo is a web app that helps you organize daily tasks. It sorts out tasks that need to be completed and lets you mark them as complete or not. Built using HTML, CSS, JavaScript and webpack

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)
- [Run tests](#run-tests)
- [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)

# 📖 ToDo List

This project is a web page that lets user list To Do tasks. Built using HTML, CSS, JavaScript and webpack.

## 🛠 Built With
- HTML, CSS, JavaScript
- Technologies: Webpack for code bundling

### Tech Stack

Client

Server

Database

### Key Features

- **Homepage**
- **Todo Tasks section**
- **Add and Remove Tasks**
- **Manage tasks with local storage**
- **Drag and Drop Tasks**

(back to top)

## 🚀 Live Demo

[Live Demo Link](https://todo-list-mv.netlify.app/)

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

- You need a VS code text editor.
- [Node](https://nodejs.org/en/download)

### Setup

Clone this repository to your desired folder:

```sh
cd my-folder
git clone git@github.com:ikennarichard/ToDo.git
```

### Install

Install this project with:

```sh
cd my-project
npm install
```

### Usage

To run the project, execute the following command:

```sh
npm run build
npm start
```

### Run tests

To run tests, run the following command at the root of the folder:

- Stylint (CSS)

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

- ES lint (Javascript)
```sh
npx eslint .
```

### Deployment

Not Available

(back to top)

## 👥 Authors

👤 **Author1**

- GitHub: [@githubhandle](https://github.com/ikennarichard)
- LinkedIn: [LinkedIn](https://linkedin.com/in/ikenna-oguejiofor-38076a237)

(back to top)

## 🔭 Future Features

- **Update user interface to make be more interactive**

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/ikennarichard/ToDo/issues).

(back to top)

## ⭐️ Show your support

If you like this project please drop a ⭐️ or give feedback on areas that can be improved.

(back to top)

## 🙏 Acknowledgments
- Everyone whose code was an inspiration
- The code reviewers

(back to top)

## 📝 License

This project is [MIT](https://github.com/ikennarichard/ToDo/blob/main/LICENSE) licensed.

(back to top)