lrebornsl/todo-list

A web page that allows you to create a list of tasks you can edit and delete when you finish it. Build it with: HTML, CSS and JS.

ToDo List

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
• 💻 Getting Started
  • Prerequisites
  • Setup
  • Install
  • Usage
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 [To-Do List]

To-Do List is a web page that allow you to Add, Display and Remove a task list data.

🛠 Built With

Tech Stack

Client

• HTML
• CSS
• JS

Key Features

• Add new tasks
• Delete previous tasks created
• JavaScript Classes and Methods Used
• Data Stored in Local Storage
• Dynamic Content Display

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

• Visual Studio Code

Setup

Clone this repository to your desired folder:

Example commands:

  cd todo-list
  git clone [email protected]:lRebornsl/todo-list.git

Install

Install this project with:

Example command:

  npm install

Usage

To run the project, execute the following command:

Example command:

  npm run build
  npm start

(back to top)

👥 Authors

👤 lRebornsl

• GitHub: @lRebornsl
• Twitter: @RebornsDev
• LinkedIn: Anthony Vásquez

(back to top)

🔭 Future Features

• Add more validations
• Improve UI

(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 show us support by givintg it a star.

(back to top)

🙏 Acknowledgments

I would like to thank my colleagues at Microverse for their support during the project.

(back to top)

📝 License

This project is MIT licensed.

(back to top)

todo-list's Issues

D2W3M2 - Peer-to-peer Code Review

🌟 Highlights

• The app functions correctly with local storage, offering a seamless user experience.
• The design closely resembles the original template and is fully functional.
• The methods in your class have clear and descriptive names.

👀 Areas for Improvement

• For better organization and maintainability, consider utilizing JavaScript modules instead of having all functions as methods within a class.
• Instead of using <svg> for icons, consider leveraging Bootstrap's icon library.
• Enhance code efficiency by applying the DRY (Don't Repeat Yourself) principle, especially by utilizing if statements judiciously to avoid redundancy.

JavaScript Best Practices