paulsaenzsucre / to-do-list

To Do List is a single page web app that lets users manage a simple list of tasks. Users can add and remove tasks from the list. It was coded using standard technologies like HTML5, CSS3 and JavaScript; and has an object-oriented approach using a model view presenter pattern. Feel free to give me feedback or contact me about this project.

TO DO LIST

📗 Table of Contents

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

📖 To Do List

This project is coded with standard languages like HTML, CSS and JavaScript.

To Do List is a project that let users to manage a simple list of tasks.

🛠 Built With

Tech Stack

Client

• HTML 5
• CSS 3
• JavaScript

Key Features

• You can see a task list.
• You can add a new task.
• You can remove a task.
• You can remove all completed task at once.
• You can see a count of completed tasks

(back to top)

🚀 Live Demo

• Live Demo Link)

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

In order to run this project you need:

• Git or Github Desktop

• Code editor like: Visual Studio code, Sublime text or others...

• Npm and Node.js

Setup

• You can download the Zip file on the GitHub repository, or clone the repository with:

git clone https://github.com/elafildecolor/To-Do-List.git

• Access the cloned directory with:

cd To-Do-List

• Open it with your favorite code editor or with the live server

Install

To install linters and other dependencies run:

npm install <dependency>

Run tests

To analyze the source code in your local environment with linter follow these steps:

• Looking for linter errors in HTML files run:

npx hint .

• Looking for linter errors in CSS | SASS files run:

npx stylelint "**/*.{css,scss}"

• Looking for linter errors in JavaScript files run:

npx eslint .

👥 Authors

👥 Paul Sáenz Sucre

• GitHub: @elafildecolor
• Twitter: @paulsaenzsucre
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

• Let more than one user
• Let more than one list per user
• Drag and drop to reorder task

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

🙏 Acknowledgments

• Hat tip to anyone whose code was used.
• Thanks for all the curated content that was provided to us.
• Thanks to my learning and coding partners for all their support.

(back to top)

📝 License

This project is MIT licensed.

(back to top)

to-do-list's Issues

Code Review

You did good so far 😄, here some tips you may consider:

• Try to keep all sources in the src/ directory.
• To structure your sometimes try to use a template literal.
• After inline Editing your todo it is not stored in local storage, so try to fix it.

Reviewers

@Swarzstein

Code review 2022-12-13

You did a fantastic job so far!!!! There are some issues that you still need to work, but you are almost there:

📌 These blocks of code are the same, you can refactor as a function to DRY:
https://github.com/elafildecolor/To-Do-List/blob/8cec725ddb451b0a1b6095b55897a2fdb59754f4/modules/TaskPresenter.js#L98-L100

https://github.com/elafildecolor/To-Do-List/blob/8cec725ddb451b0a1b6095b55897a2fdb59754f4/modules/TaskPresenter.js#L104-L106

📌 And these two either:
https://github.com/elafildecolor/To-Do-List/blob/8cec725ddb451b0a1b6095b55897a2fdb59754f4/modules/TaskRepository.js#L33-L36

https://github.com/elafildecolor/To-Do-List/blob/8cec725ddb451b0a1b6095b55897a2fdb59754f4/modules/TaskRepository.js#L44-L47