TODO App using : React, localStorage API

Community feedback

• 

  Yash Sharma•90

  @Yashs05Posted about 3 years ago

  You can use react-beautiful-dnd library to make drag and drop happen if you are having trouble doing in using vanilla JavaScript.

  1

  ---

  

  Gassai Hamza•290

  @GHamza-DevPosted about 3 years ago

  @Yashs05 Yep thanks, I Really appreciate your suggestion.

  0
• 

  Rizky Khairullah•155

  @RzkykhrllhPosted about 3 years ago

  Great work~ I have an advice for the background picture

  You can put your bg image using tag img inside a div. The div contain background no repeat, background contain, position relative. Meanwhile your img class have object-fit cover, display:absolute, and z-index zero : 0.

  I also have a question for you, what kind of package do you use for the animation ? i'm thinking to implemented in my submission.

  Thanks

  1

  ---

  

  Gassai Hamza•290

  @GHamza-DevPosted about 3 years ago

  @Rzkykhrllh

  • Thanks your advice will be taken into consideration!!!
  • For the animation, I have not used any package it's just CSS

  .todo_item{
      animation: animateItems .5s cubic-bezier(0.42, 0, 0.04, 1.24) forwards;
  }
  
  @keyframes animateItems {
      from{opacity: 0;transform:  scale(0.5);}
      to{opacity: 1;transform:  scale(1);}
  }
  

  0