To-Do-List

TO-DO LIST

This is a TO-DO LIST.

• Table of contents
• Overview
• Screenshot
• Project
• Skeleton
• Links
• My process
• Built with
• What I learned
• Useful resources
• Author

Overview

• This is a simple tool for counting things and keeping truck of numbers.

Project Skeleton

|----index.html

|----style.css

|----app.js

Links

• live site URL here: https://to-do-list-self-nine.vercel.app

My process

• Built with Semantic HTML5 markup

• CSS custom properties

• Flexbox

• JavaScript HTML DOM

• Local Storage

• Google Specific Fonts

• Mobile-first workflow

• Styled Components - For styles

What I learned

• I learned how to use DOM manipulation, keeping task datas using local storage in this project.

To see how you can add code snippets, see below:

Some JS code I'm proud of

   function removeTask(index) {
    tasks.splice(index, 1)
    localStorage.setItem('tasks', JSON.stringify(tasks));
}

Useful resources

• W3 School This helped me for basics of website paradigm. I really liked this pattern and will use it going forward.
• MDN This is an amazing document which helped me finally understand deep sides of web development. I'd recommend it to anyone still learning these concepts.
• Youtube I learned the basics of creating a to-do app with this video https://www.youtube.com/watch?v=G0jO8kUrg-I&ab_channel=EasyTutorials

Author - [Mizgin]