https://github.com/salvillalon45/todolist-theodinproject

Keep your life organized with this to-do tracker
https://github.com/salvillalon45/todolist-theodinproject

css dom-manipulation html javascript webdevelopment webpack

Last synced: 8 days ago
JSON representation

Keep your life organized with this to-do tracker

• Host: GitHub
• URL: https://github.com/salvillalon45/todolist-theodinproject
• Owner: salvillalon45
• Created: 2020-06-30T00:04:03.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-03-05T03:12:15.000Z (over 1 year ago)
• Last Synced: 2023-03-07T23:08:28.123Z (over 1 year ago)
• Topics: css, dom-manipulation, html, javascript, webdevelopment, webpack
• Language: JavaScript
• Homepage: https://salvillalon45.github.io/theOdinProject-TodoList/
• Size: 17.4 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 11
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Todo List

[The Odin Project: Javascript] - Project: Todo List

# Summary

Created a To-Do list application. You can create projects. Each project can have tasks. You can edit or delete tasks from a project as well.

This project also used to practice how to use npm and webpack

- Project Task: [The Odin Project - Todo List](https://www.theodinproject.com/courses/javascript/lessons/todo-list)

- View Project: https://salvillalon45.github.io/theOdinProject-TodoList/ 

### Implementation 

- Used DOM manipulation to render all the content of the website dynamically

- Developed with JavaScript, NPM, and Webpack to complete the application. Also, the JavaScript factory functions to organize code

- Built with LocalStorage to maintain data of the projects and tasks upon page refresh

### Demo



### 📗 Fonts used

-   [Lato](https://fonts.google.com/specimen/Lato?query=lato)

-   [Merriweather](https://fonts.google.com/specimen/Merriweather?query=Merriweather)

# Technologies:

  - HTML

  - CSS

  - JavaScript

  - npm

  - webpack