https://github.com/helciodev/todo-list-app

This is an app built with Webapck, CSS, and vanilla JavaScript, where the user can create a list and tasks to the list, the app uses localStorage to save user lists and tasks.
https://github.com/helciodev/todo-list-app

coding developer javascript tailwindcss webpack

Last synced: about 2 months ago
JSON representation

This is an app built with Webapck, CSS, and vanilla JavaScript, where the user can create a list and tasks to the list, the app uses localStorage to save user lists and tasks.

• Host: GitHub
• URL: https://github.com/helciodev/todo-list-app
• Owner: helciodev
• License: mit
• Created: 2021-05-25T11:02:23.000Z (about 5 years ago)
• Default Branch: development
• Last Pushed: 2021-12-01T16:13:27.000Z (over 4 years ago)
• Last Synced: 2025-03-29T08:13:01.299Z (over 1 year ago)
• Topics: coding, developer, javascript, tailwindcss, webpack
• Language: JavaScript
• Homepage: https://helciodev-todo-app.netlify.app/
• Size: 454 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Todo-list-app

## Table of contents

- [About](#about)

- [Features](#features)

- [Live Demo](#live-demo)

- [Built with](#built-with)

- [Getting started](#getting-started)

  - [Installation instructions](#installation-instructions)

- [testing](#tests)

- [Author](#author)

- [Show your support](#show-your-support)

- [License](#-license)

---

## About

A todo app where the user can Add/Edit/Delete todos. Todos are saved to the localStorage, so the user can access his lists and tasks anytime.

![Screenshot-main-page](dist/todo-list.png)

## Features

The features of this project are, user can:

1. Create lists of todo.

2. Add tasks to each list.

3. Delete and edit tasks

4. Delete lists

## Live Demo

This project is hosted on github pages.

[Live demo link](https://helciodev-todo-app.netlify.app/)

## Built With

- [![forthebadge](https://forthebadge.com/images/badges/made-with-javascript.svg)](https://forthebadge.com)

- [![forthebadge](https://forthebadge.com/images/badges/uses-html.svg)](https://forthebadge.com)

- [![forthebadge](https://forthebadge.com/images/badges/uses-css.svg)](https://forthebadge.com)

## Getting Started

### Installation instructions

Follow along the steps below to get a copy at your local machine.

- Navigate to the directory where you want this project to clone and then clone it

  ```

  git clone git@github.com:helciodev/todo-list-app.git

  ```

- Navigate to the `todo-list-app` directory

  ```

  cd todo-list-app

  ```

- Install the npm package with `npm install`

- Start the server with `npm run start`

- The site should automatically open in your browser at http://localhost:8080/ if it didn't then open your browser with that link.

### tests

 To run tests run npm run tests in your command line

  ``` 

  npm run tests

   ```

## Author

😎 **Helcio André**

- GitHub: [@helciodev](https://github.com/helciodev)

- Twitter: [@helcio_bruno](https://twitter.com/helcio_bruno)

- Linkedin: [Helcio Andre](https://www.linkedin.com/in/helcio-andre/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

## Show your support

Give a ⭐️ if you like this project!

## 📝 License

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