2dobox-pivot2's People
Forkers
obleo332dobox-pivot2's Issues
Quality buttons Tested
5 importance level buttons
Your application should have 5 buttons corresponding to each level of importance (Critical, High, Normal, Low, and None).
Character count decreases when characters are deleted
If the user delets characters the character count should decrease.
Completed ToDo's should grey out
When a the user clicks the Completed Task button the idea should be either grayed out and/or shown with a strike through text
Search Input
At the top of the TODO list, include a text field labeled “Search”.
ToDo's should display based on which importance button was clicked
When one of the filter buttons is clicked the TODO list should only display TODOs with the selected importance.
Character count
As the user types the character count should increment up.
does not save when edited
ES6 Features
Picking at least one new feature of es6 - review the intermission assignment for ideas - refactor your existing code and use this es6 feature instead
ToDo's should be editable
Become an editable text field, pre-populated with the existing TODO title or task.
Completed ToDo's should show when the show completed TODOs is clicked
When the user clicks the show completed TODOs The completed TODOs should be loaded back onto the top of the TODO list.
Edits should persist on reload
If the user reloads the page, their edits will be reflected.
Test is todo is deleted
page should not reload
The page should not reload.
Each todo should have a delete button
Each TODO in the list should have a link or button to “Delete” (or 𝗫).
Messages from the past should show When show more ToDo's is clicked
When a user clicks on the Show more TODOs... button this list should load additional messages from the past.
Test: marks as completed
Webpack should use ES6
You should make sure that Webpack is set up to use es6 (hint: the key words here are babel, es6 and webpack)
title and body should appear
A new TODO with the provided title and body should appear in the TODO list.
Show more ToDo's button
The application should contain a button labeled “Show more TODOs …”
Move from singular storage to array storage
ToDo should delete from local storage
The TODO should be removed from localStorage. It should not re-appear on next page load.
Changes should be saved
The user should be able to “commit” their changes by pressing “Enter/Return” or by clicking outside of the text field.
Enter disabled is when no content or over 120 characters
The submit button should be disabled when there is not valid content in both input fields and if the input field character count exceeds 120 characters.
Clear text fields on enter
The text fields should be cleared and ready to accept a new TODO.
ToDo's should persist on page reload
The TODO should be persisted. It should still be present upon reloading the page
ToDo should be deleted on reload
The page should not reload when an idea is deleted.
Add unique identifier prefix.
Complete Task button on each ToDo
Each TODO in the list should have a button called Completed Task
Accessibility
Your web application should pass aXe-core tests and should be tab index accessible. For tab indexing refer to this resource
Delete button should remove ToDo
Upon clicking “Delete”, the appropriate TODO should be removed from the list.
Clearing search filed should bring back all ToDo's
Clearing the search box should restore all the ideas to the list.
On reload Completed ToDo's should delete
On reloading the page the page the completed TODOs should be exempted from the list.
Each ToDo should have a level of importance
Each TODO should start with a level of Normal.
Levels of Importance are as follows
-
Critical
-
High
-
Normal
-
Low
-
None
Inputs for title and task
See two text boxes for entering the “Title” and “Task” for a new TODO, and a “Save” button for committing that TODO.
Filter by importance
When one of the filter buttons is clicked the TODO list should only display TODOs with the selected importance.
Level of importance should persist on reload
The change of importance should persist after a page refresh
Real-Time filtering of ToDo's
As a user types in the search box, the list of TODOs should filter in real time to only display TODOs whose title or task include the user’s text.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.