Task list App

lightweight browser based vanilla javascript task list app.
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. What I learned
5. Contributing
6. License
7. Contact
8. Acknowledgements

About The Project

A basic task list app created with the sole purpose of learning javascript DOM manipulation

Built With

• HTML
• JavaScript

Getting Started

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

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

• npm

  npm install npm@latest -g

Installation

1. Clone the Tasks_list

   git clone https://github.com/ReubenHawley/Task_list.git

2. Install NPM packages

   npm install

Usage

Run the HTML file in the browser of choice

• User types to do task in the new task placeholder
• User clicks submit to add task
• Task is then persisted to local storage
• Tasks saved are displayed as a table under the Tasks header
• Tasks can be filtered for key search words by making use of regex.
• Individual tasks can be removed by clicking on the x icon
• All tasks can be cleared using the Clear tasks button

What I learned

• I learned to traverse the DOM from within the app.js file in order to obtain,manipulate and return data back to the user
• How to handle classes in HTML
• Organizing of Layout in CSS
• How to handle event listeners
• Data return types

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Reuben Hawley - theonlyReuben - email

Project Link: https://github.com/ReubenHawley/Task_list

Acknowledgements

• Brad Traversy - tutorial