Skip to content
OverviewSolutions
19
Comments
17
Dipu
@immdipu

All comments

  • Dipu•430
    @immdipuPosted over 1 year ago

    Everything looks good! You could enhance by implementing a debounce function to wait for the user to finish typing before processing the search.

    Marked as helpful
    0
  • Dipu•430
    @immdipuPosted over 1 year ago

    Everything seems to be going smoothly. To further enhance the user experience, consider implementing animations when adding or removing links in the list. You could utilize a library like https://auto-animate.formkit.com, which simplifies the process to just a few lines of code while providing effective animations when adding or removing links from the list

    Marked as helpful
    0
  • Dipu•430
    @immdipuPosted over 1 year ago

    Everything is perfect. One way to enhance the user experience is by eliminating the shift in the DOM element position when an option button is clicked. Currently, when a user clicks on any option, a border appears, causing a slight shift in DOM elements. One solution to address this issue is to maintain the border by default for all options, setting its color as transparent initially to keep it invisible. Upon a user click, the border color can be changed from transparent to any other color, thus preventing the noticeable shift in DOM elements.

    Marked as helpful
    1
  • Dipu•430
    @immdipuPosted over 1 year ago

    i think you are validating the email while the user is typing because when i typed the first letter the border color changed to red. i believe that means incorrect email. it would be better if you validate only when the clicks on submit button.

    0
  • Dipu•430
    @immdipuPosted over 1 year ago

    Looks good. just add padding on the top and bottom. Best of luck.

    0
  • Dipu•430
    @immdipuPosted over 1 year ago

    Looks fine. Best of luck for next challenge.

    0
  • Dipu•430
    @immdipuPosted over 1 year ago

    its responsive and i suggest you to use regex for email validation. don't worry too much about regex for now if you don't know about it. you probably won't use much it later. just ask ChatGPT how to validate email using regex.

    Marked as helpful
    1
  • Dipu•430
    @immdipuPosted over 1 year ago

    There is a small bug. In completed tab when clicking clear completed the completed todos are deleted but then uncompleted todos shows up there. And about making deleted button appear on hover its pretty easy with tailwind. just add a group class to the parent element and use group-hover: property to show when hovered. group is a built in class of tailwind. read the documentation you will understand.

    0
  • Dipu•430
    @immdipuPosted over 1 year ago

    Everything looks good. Best of luck

    0
  • Dipu•430
    @immdipuPosted over 1 year ago

    When hovered over the submit bottom a tiny gap can be seen in left and right side of gradient background probably because of the border. i guess removing border will fix it. Rest looks fine.

    Marked as helpful
    0
  • Dipu•430
    @immdipuPosted over 1 year ago

    Everything looks good. Best of luck for the next challenge.

    1
  • Dipu•430
    @immdipuPosted over 1 year ago

    its awesome. you can make it more better by adding a clear button to clear the input.

    1
  • Dipu•430
    @immdipuPosted over 1 year ago

    its good . best of luck

    Marked as helpful
    0
  • Dipu•430
    @immdipuPosted over 1 year ago

    if you are using class to set the display properties none and then change it block or flex when clicked on the submenu may be thats the reason if you can make it look smooth and can't add animation because when you set display none you are literally deleting the html element and you can't animate that . so if you wanna animate like you want to submenu to slide down from top or something then what you can do is don't change the display properties instead set the position absolute and change the top value such that it goes up outside of the page hence it won't show up and when the user click on the button change the top properties to 0 or something that makes it slides down. same with arrow you can transform rotate to rotate the arrow like rotate it 180deg or 90 deg when the button is clicked. i hope it helps you. best of luck

    0
  • Dipu•430
    @immdipuPosted over 1 year ago

    Regex is best for email validation. There are npm package you can but i think Regex is good.

    1
  • Dipu•430
    @immdipuPosted over 1 year ago

    its good. working fine on my device. best of luck for the next challenge

    1
  • Dipu•430
    @immdipuPosted almost 3 years ago

    i am having difficulty in completing this challenge. i am trying to do it using vanilla JavaScript, I don't know if that is possible because i saw most of the people have used framework to complete it. Do you have also used framework or just vanilla JavaScript. If it's not framework, can you please help to do it too.?

    Marked as helpful
    0