View Code? Open in Web Editor
NEW
To do list for daily tasks - More than just a planner
Home Page: https://mnosov622.github.io/todo-list/
License: MIT License
JavaScript 22.96%
HTML 32.51%
CSS 44.53%
todo-list's Introduction
To-do list for daily tasks
Fork the project
Clone it
Create a branch if you want to resolve any issue or else
Run npm install
(The NPM - Node Package Manager is the default package manager for NodeJs.)
(NPM allows open-source web developers to share and borrow packages for app development)
open index.html
todo-list's People
Watchers
todo-list's Issues
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:
It can be replaced with a beautiful color gradient or
a background image by which main focus stays on the contents of the webpage or
reduce the opacity of the image .
Steps to reproduce:
Add a couple of tasks
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.
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.