zainab-alzubair/to-do-list

"To Do List" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. || Technologies: used CURD operation, JavaScript, jest testing , webpack , ES6 modules

To Do List App

"To Do List" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete.

Built With

• HTML
• CSS
• Javascript

Getting Started

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

Prerequisites

• Use git clone to clone the repository using the HTTPS link into your local machine

Setup

• cd into your local repository

Install

• npm install - Installs the necessary dependencies

Usage

• Open the index file and enjoy

Deployment

• Live Demo Link

Authors

👤 Zainab

• GitHub: @Zainab-Alzubair
• LinkedIn: LinkedIn

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Microverse

📝 License

This project is MIT licensed.

to-do-list's Issues

code review - JavaScript best practices.

index.js file
Add the export code before line 6

to-do-list/src/index.js

Line 8 in 043e9c0

export const newTaskInput = document.querySelector('#new-task input');

Modules/display-task.js file
change the variable name to a meaningful name

to-do-list/src/modules/display-task.js

Line 91 in 043e9c0

const tasks1 = document.querySelectorAll('.task');

initialize variables

to-do-list/src/modules/display-task.js

Line 7 in 043e9c0

let deleteTasks; let editTasks;

code review- HTML and CSS best practices.

index.html File
Use <span> instead of <h4>

to-do-list/src/index.html

Line 14 in 043e9c0

<h1 class="headline">Today's To Do <h4> <div id="time"></div><h4></h1>

Peer-to-peer code review

• Good UI and logic.
• Clean code.

code review - DRY, KISS, and YAGNI rules.

style.css file
remove the font-family as its already applied to the body

to-do-list/src/style.css

Line 154 in 043e9c0

font-family: Georgia, 'Times New Roman', Times, serif;

modules/display-task.js
split the code into modules