soumyajit2825 / to-do-list Goto Github PK

The icon should be changed to a tick mark.
I can take this task up also add the hacktoberfest label.

The dark theme system code is not well written.

• It's directly changing the colors of the presented elements in the DOM using JavaScript by selecting each element using querySelector on the theme toggle.
• The theme color is not persistent

My approach would be

• We will just toggle one class of body element.
• CSS will handle the text and background color of DOM elements.

I would like to work on this.

Hy,
i would like to contribute to your repository by improving the user Interface.
If you want to improve UI kindly assign this task to me @Soumyajit2825
Thank You

Add a nice little favIcon that represents a Todo instead of world icon

Hey Can You add website link https://soumyajit2825.github.io/TO-DO-LIST/to_do.html to
About where you have written a simple to-do-list webpage.
So that Any One Simply can checkout website and Contribute Easily

Kindly review my issue and assign me this task under apertre24. Thank you

Want to add a background image under hacktoberfest event @Soumyajit2825

Anyone can show his/her interest to work under this issue. I will assign likewise.

• You can add website images in the readme
• You can add more description about the project
• You can describe each tech stacks in depth etc etc

I've added a logo, but there are currently no filter options to distinguish between completed and pending tasks, and there's also no reset option to start a fresh.

• I want to add badge for ToDo tasks and Completed tasks
• It will hold numbers of ToDo and Completed tasks

adding animation on scroll
adding Hover feature (transform) etc.
adding css like rotating border of TO-DO box.
adding description to the documentation

A congratulatory reward in the form of points, coins or diamonds etc. would be nice for every complete task. This could make completing task fun for the user and also motivate him/her to complete all of his to do list.

Also the user can unlock new features like different themes maybe with those rewards.

/This is just a suggestion to fellow contributors to fix this issue as I'm just beginner to coding and don't know how to fix it/

The background color changes to white in responsive but after changing the color theme changes to white again.
We can either keep it light blue or I can change this behaviour.

• changing opacity of completed tasks so that everything, along with the checkbox is decrease in opacity (earlier only the text was grayed out, which looked bad against the fully coloured checkbox).
• Earlier, when the no. of items were large, the entire container scrolled. As a result, the todo count got hidden. I fixed it too.
  • when I fixed the above issue, I saw the scrollbars looked bad on the small box. So, I added new custom scrollbars

Assign me under Aperture'24

The user should also be able to add a todo by just pressing the enter key.
The tone of green in dark mode could be lightened for better visibility.

The todo list content goes out of the screen when list increases. Should have a scroll in the todo list container. @Soumyajit2825 can you assign this to me please under hacktoberfest label

The text Input and the Add button have different heights which should be the same.
Also, the button should have some padding and the font size should be smaller.

• Add hover effect in the buttons
• Do some more attractive styles with the buttons

After your work give a screenshot of your work and then make the PR

Problem:

The scrolling functionality on the Todo website is not working as expected, hindering the user's ability to navigate through the content seamlessly.

Expected Behavior:

Scrolling should allow users to smoothly move through the tasks and other content on the Todo website.

Steps to Reproduce:

1. Open the Todo website.
2. Attempt to scroll through the tasks or other content.

Current Behavior:

The scrolling action does not respond or behaves unexpectedly.

I want to change the way the list gets added. It currently adds new items to the last of the list and not to the first. I want to reverse it and add it to the first

• On the left mark the editing "text" is not showing properly fix that!
• On the left mark see the edit and delete icons are not alligned properly at the time of editing make them fixed
• Change the edit and delete icon make them some more stylish
• Put a screen-shot or s short video of your changes before doing the PR or at the time of PR

Kindly review my issue .

@Soumyajit2825 assign me this issue to align the icons

Update the contributors list
add all the names and pictures along the previous ones

The mood and sun icons are getting on top of adding the todo item bar, please label it as hacktoberfest and assign this to me so I can correct this.

Add a Todo Count and Completed Count for a person to better understand how many todos that he/she have to work on and how much is completed. The Count should be displayed in round brackets next to TODO and Completed Headers respectively

There is no clear definition of the todo box

The dark mode toggle button bottom margin has to be increased as it overlaps with todo input area,

Please assign this issue to my name,

Appreciate that!

Description:

We can add new favicon to the website which represent todo (like notepad icon)

Please assign this to my name
Please add hacktoberfest label to kepp track of my contributions this month

Make the TO-DO list view some larger than now.
You can make the to-do list bigger in size

Put a screen shot of your work and then make PR

On adding a huge number of items in the list the toggle theme button is dissapeared
So if anyone add a scroll button in the to-do list to make the list size fixed in the page it will be very useful

I wonder what if every user visiting this page will have the capability to save each of their own todo list just by saving it's data to their local storage. I could write some code to achieve that.

Update the Read me file as it contains wrong clone git link. and also add Contributing.md that contains all users who contributed.

Anyone can contribute in it

On Editing a List Item added currently we allow the list item to blank although we show validation that todo list item cant be blank when we add new list item

Would like to add validation for Edit field as well

Also currently when we show a validation message Please enter a todo we use the Alert modal would like to replace it with toaster message on the UI. Let me know your thoughts for a different UI if required for toaster message

Issue Screencast:
https://www.loom.com/share/37423b2420fa43b3ac51e95fc4038d6b