/to_do_list

This is a simple web app to add, remove and edit tasks from a task list. Developed using JavaScript and CSS.

Primary LanguageJavaScript

logo

📗 Table of Contents

📖 To-Do List

"To-Do List" is a simple website that displays a list of activities and allows you to add and remove activities from that list. By building this application, we learned how to manage data using JavaScript. Thanks to that your website will be more interactive.

🛠 Built With

Tech Stack

  • HTML
  • JavaScript
  • CSS
  • Webpack

Key Features

  • Javascript DOM manipulation

(back to top)

🚀 Live Demo

click here for live-demo

(back to top)

💻 Getting Started

Prerequisites

  • Have git installed. (For version control)
  • Have text editor installed. (VSCode, sublime, atom)
  • Have CSS,HTML & JS Linters installed and configured. For further information, visit this link to get better understanding on each linters used on this project.

Setup

Clone this repository to your desired folder:

git clone git@github.com:Juank628/to_do_list.git

Install

Install this project with:

  • npm install (to install all the packages needed)
  • npm run build (to generate the distribution files)
  • npm run dev (to start the Webpack dev server)

Feel free to change the webpack.config.js file to modify the dev server settings.

Usage

This page registers to-do activities. To register an activity:

  1. Type the activity's description.
  2. Press enter key.
  3. The activity will be added to the list and will be displayed.

To remove an activity from the list:

  1. Find the activity in the list.
  2. Click on the more button for the respective activity.
  3. Click on the delete button.

👥 Author

👤 Juan Carlos Sanchez

(back to top)

🔭 Future Features

  • Database connection

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project, please give us an star

(back to top)