GustavoMatsunaga / ToDoList

Since I'm an organized person, I like to always know what I need to do in the day so I created this To-Do-List to help me with my daily routines.

Home Page:https://gustavomatsunaga.github.io/ToDoList/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Welcome! πŸ‘‹

Language count badge Code size badge Code last commit

Since I'm an organized person, I like to always know what I need to do in the day so I created this To-Do-List to help me with my daily routines.
You can checkout the demo here : To Do List

Challenges! πŸ“Œ

The application was developed with only HTML, CSS and vanilla Javascript. I made a CRUD (Create, read, update and delete) application in order to maintain my daily routines organized. The website is completely responsive, so it can fit even for mobiles. The greatest challenge was only using a Single Page to build the application, so it doesn't need to refresh. The application needed a lot of DOM manipulation in order to fulfill this.

Features! Let's have fun! πŸš€

  • View the optimal layout for the component depending on their device's screen size (Responsive Web Design)
  • New Task Button => Add a new task
  • Double Click => Edit or delete the Task

Technologies! πŸ’»

  • HTML
  • SASS
  • JAVASCRIPT

Web Model

Model

Gif preview for the desktop Color Mark

Desktop

Gif preview for the desktop Color Mark

Mobile

About

Since I'm an organized person, I like to always know what I need to do in the day so I created this To-Do-List to help me with my daily routines.

https://gustavomatsunaga.github.io/ToDoList/


Languages

Language:SCSS 50.5%Language:JavaScript 33.0%Language:HTML 16.5%