Mod1 - Week 4 - Project
2dobox-pivot's Introduction
2dobox-pivot's People
Forkers
noahpeden2dobox-pivot's Issues
when "save" is clicked
The text fields should be cleared and ready to accept a new TODO.
should show all past todos
When a user clicks on the Show more TODOs... button this list should load additional messages from the past.
add search field
At the top of the TODO list, include a text field labeled “Search”.
Inputs work
See two text boxes for entering the “Title” and “Task” for a new TODO, and a “Save” button for committing that TODO.
pass axe core tests
Your web application should pass aXe-core tests and should be tab index accessible. For tab indexing refer to this resource
character count decreases when characters deleted
If the user deletes characters the character count should decrease.
once search cleared all todo's re-appear
Clearing the search box should restore all the ideas to the list.
edits not persisting data
no reload once todo deleted
The page should not reload when an idea is deleted.
when "save" is clicked
The page should not reload.
show task as complete w/ strikethrough
When a the user clicks the Completed Task button the idea should be either grayed out and/or shown with a strike through text
have button called "show more todos"
The application should contain a button labeled “Show more TODOs …”
on re-load hide completed todo's
On reloading the page the page the completed TODOs should be exempted from the list.
deleting exact todo
Upon clicking “Delete”, the appropriate TODO should be removed from the list.
should have 5 buttons for each importance level
Your application should have 5 buttons corresponding to each level of importance (Critical, High, Normal, Low, and None).
converting one feature to es6
Picking at least one new feature of es6 - review the intermission assignment for ideas - refactor your existing code and use this es6 feature instead
when user clicks show completed todos they should show
When the user clicks the show completed TODOs The completed TODOs should be loaded back onto the top of the TODO list.
default importance level: Normal
Each TODO should start with a level of Normal.
deleting a todo
Each TODO in the list should have a link or button to “Delete” (or 𝗫).
can save once edited
The user should be able to “commit” their changes by pressing “Enter/Return” or by clicking outside of the text field.
2 aXe violations
levels of importance
As a user I should be able to change the level of importance by up-voting or down-voting that specific TODO.
edits persist after reload
If the user reloads the page, their edits will be reflected.
character count incriments
As the user types the character count should increment up.
importance should persist on page reload
The change of importance should persist after a page refresh
counts number of characters typed real time
The application is able to count the number of characters inside of the input field in real time.
remove from local sotorage
The TODO should be removed from localStorage. It should not re-appear on next page load.
when "save" is clicked
The TODO should be persisted. It should still be present upon reloading the page
disable save button if 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.
completed task button for each todo
Each TODO in the list should have a button called Completed Task
when "save" is clicked
A new TODO with the provided title and body should appear in the TODO list.
no-reload
The page should not reload.
set up webpack for es6
You should make sure that Webpack is set up to use es6 (hint: the key words here are babel, es6 and webpack)
filter todo's in real time
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.
each button shows that importance level
When one of the filter buttons is clicked the TODO list should only display TODOs with the selected importance.
be editable once saved
Become an editable text field, pre-populated with the existing TODO title or task.
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.