Visit Deployed site HERE.
Here is the landing page
Here We have an input with two button, one is for adding todos and one is for refresh,on clicking submit if the input is empty we would get an error but if it has some value, it will add it as todo, shown below.
This way we can add multiple todos and recent added todos will be added in front.Shown below
Now if we click on a card a new section completed todos will be generated, shown below
Here I have Clicked on play games todo, so it has been added to in the completed todos section and now if I click on some different card It will added in front,in order of completion.Shown below.
Now coming to the Hashtag filter part:
Let's take a different example and try to understand it.If we click on any hashtag, it will be highlighted and todos which have the same hashtag will be filtered and if we click another one , we will filter based on both the tags but if we click on the already selected hashtag, it will remove filter for that particular hashtag.
Now, here we have 5 todos, 3 remaining and two completed and they have some same and some different hashtags(by default we will see all of them):
Now I am clicking on the #new
then it will be something like this:
As no completed todo has that tag we will only see the todos that are not completed, but now If I deselect #new
and select #work
, something like this will happen
No if we select something else , tat tag will be stacked for example:
No If we refresh, the data won't go away as it is stored in localstorage but if we click refresh button, all data will be lost, shown below.