mnosov622 / todo-list Goto Github PK

When the tasks on the left side are up until down of the screen, add new tasks to the right side.

Add a cool Box shadow and make it look more professional with gradient effect.

Application is not responsive add media queries to take care of smaller screens.
I would like to work on this but I have no idea what the mobile view should look like

Colours of the website i.e brand kit can be improved.

background image creates a sort of distraction on the webpage and that written part mainly.
Suggestions:

1. It can be replaced with a beautiful color gradient or
2. a background image by which main focus stays on the contents of the webpage or
3. reduce the opacity of the image .

Steps to reproduce:

1. Add a couple of tasks

2. Refresh the page

Actual Result:

Clicking on task doesn't mark it as completed

Expected Result

Clicking on task marks it as completed by crossing out the word and adding icon.

Write about how would you like to improve this project and what do you want to add.

Thank you !

Add switch, so that user will be able to switch between dark and light more.

Something like that

Now, task is just appearing on the left side of the screen, but it could appear with animation.

e.g. slide from the left side of the screen

Add button below all the tasks, so that user is able to delete all tasks from the list.

Remove date entirely on mobile view or place elsewhere, I would say at the bottom of the page

Adding a light and dark mode toggle button to apply mode changes to each part of website including the navbar, Enhancing the feature.
@mnosov622 kindly assign me this under Hacktoberfest2022.

Display total of tasks

The logo link should go to the index page, but now it's wrong.

While holding shift, clicking on 1st task and last should mark as completed all tasks between them.

A responsive footer section will display things such as copyright, link to project, social media handles etc.

The footer icon should remain at the bottom of the webpage but it collapses with task list when long task list is added

Please see the below-attached screenshot for reference.

Add today date in the format (e.g. October 13, 2022 ).

Add any ideas you have, and I will create an issue, so you can work on this feature or improvement.