To-Do-list

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

(★ 25)

In this project, I will build a simple HTML list of To Do tasks. The list will be styled according to the specifications listed later in this lesson. This simple web page will be built using webpack and served by a webpack dev server.

To-Do-list Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 📗 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)
  - [Prerequisites](#prerequisites)
  - [Setup](#setup)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ (OPTIONAL)](#faq)
- [📝 License](#license)

# 📖 To Do list <a name="about-project"></a>

In this project I will write unit tests for the To Do list application. The testing project has been divided into two parts. In part 1 I will test functions responsible for adding and deleting list items. In part 2 I will test the status and content updates as well as the order re-position of items in the list.

## 🛠 Built With <a name="built-with"></a>

### Tech Stack <a name="tech-stack"></a>

<details>
 <summary>Client</summary>
 <ul>
 <li><a href="https://www.hostinger.com/tutorials/what-is-html">HTML</a></li>
 <li><a href="https://www.hostinger.com/tutorials/what-is-css">CSS</a></li>
 <li><a href="https://www.hostinger.com/tutorials/what-is-javascript">JAVASCRIPT</a></li>
 </ul>
</details>

<details>
 <summary>Server</summary>
 <ul>
 <li>N/A</li>
 </ul>
</details>

<details>
<summary>Database</summary>
 <ul>
 <li>N/A</li>
 </ul>
</details>

### Key Features <a name="key-features"></a>

- **Follow a correct Gitflow**
- **Comply with linters**
- **DOM events with Javascript**
- **Javascript events**
- **Use objects to store and access data**
- **Use proper ES6 syntax**
- **Use npm as software packages system**
- **Use webpack to bundle JavaScript**
- **Use ES6 modules to write modular JavaScript**
- **Write unit tests for a JavaScript app.**

(<a href="#readme-top">back to top</a>)

## 🚀 Live Demo <a name="live-demo"></a>

- [Live Demo Link](https://carlosigreda.github.io/To-Do-list/dist)

(<a href="#readme-top">back to top</a>)

## 💻 Getting Started <a name="getting-started"></a>

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

### Prerequisites

In order to run this project you need:

✅ Github account 
✅ Visual Studio Code installed 
✅ Node.js installed 
✅ Git Bash installed (optional)

### Setup

Clone this repository to your desired folder:

```sh
  cd [my-folder]
  git clone git@github.com:CarlosIgreda/To-Do-list.git
```

(<a href="#readme-top">back to top</a>)

## 👥 Authors <a name="authors"></a>

**Carlos Igreda**
- GitHub: [@CarlosIgreda](https://github.com/CarlosIgreda)
- Twitter: [@carlosigreda](https://twitter.com/carlosigreda)
- LinkedIn: [@carlosigreda](https://www.linkedin.com/in/carlosigreda/)

**Abiola Arobieke**
- GitHub: [@abiola-arobieke](https://github.com/abiola-arobieke)
- Linkedin: [@abiola-arobieke](https://linkedin.com/in/abiola-arobieke)

(<a href="#readme-top">back to top</a>)

## 🔭 Future Features <a name="future-features"></a>

- [ ] **Dragging items**
- [ ] **Frameworks**
- [ ] **Test the status with jest**

(<a href="#readme-top">back to top</a>)

## 🤝 Contributing <a name="contributing"></a>

## 👤 Collaboration:

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(<a href="#readme-top">back to top</a>)

## ⭐️ Show your support <a name="support"></a>

If you like this project you can follow me on Github.

(<a href="#readme-top">back to top</a>)

## 🙏 Acknowledgments <a name="acknowledgements"></a>

I would like to thank all Microverse staff and my coding partners as well.

(<a href="#readme-top">back to top</a>)

## ❓ FAQ <a name="faq"></a>

- **What is a Linter?**

- Linter is a tool that analyzes source code to flag programming errors, bugs, stylistic errors, and suspicious constructs.

- **What is meant by Gitflow?**

- Gitflow is an alternative Git branching model that involves the use of feature branches and multiple primary branches.

- **What is DOM?**

- The Document Object Model (DOM) is the data representation of the objects that comprise the structure and content of a document on the web. 
 
(<a href="#readme-top">back to top</a>)

## 📝 License <a name="license"></a>

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

(<a href="#readme-top">back to top</a>)

To-Do-list

To-Do-list Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

To-Do-list

To-Do-list Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README