ideabox's Issues
Delete should delete
Research localStorage solutions
Check javaScript formatting
Icons change color on hover
HTML Structure
Mobile first layout
Add search functionality
Clearing search box should restore all ideas to list
Border and placeholder color for inputs
Make header section fixed
Save button to commit user's idea
Accepting free form strings
Make ideas deletable with button or icon
Show list of existing idea boxes
Generate Unique Identifiers
Search hinting that filters the ideas shown
Utilizing localStorage
Research unique identifiers solutions
On out of focus or Enter, user text is committed to idea
Refactoring JSON and localStorage code
Instead of doing this:
var retrievedObj = localStorage.getItem('myObj');
var parsedObj = JSON.parse('retrievedObj');
Do this:
var parsedObj = JSON.parse(localStorage.getItem('myObj'));
Another example:
var myObj = localStorage.setItem('key',JSON.stringify('myObj'));
Check CSS formatting
Check HTML formatting
Ideas appearing in descending order
JSON data structure
Consistent and descriptive with IDs and classes
No reload on delete
Research JSON solutions
Set default quality to lowest setting
Explore use cases for flexbox with project
Make idea box wrap scrollable
Add upvotes and downvotes to ideas
Check for accessibility
Test for edge cases
Validate responsiveness of layout
Grabbing user strings from input boxes
Create HTML for new ideas
Edits reflected when page reloads regardless if user saves edits
jQuery base
Page should not reload (localStorage)
Ideas should persist through reload (localStorage)
Research dynamic search functionality solutions
Clears text fields after idea is created
Ideas should be removed from localStorage. Should not appear on next page load.
Setting quality on idea cards
Vote buttons dynamically idea quality
Make idea title text editable on click
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.