erichigdon/conceptforge

conceptforge's Issues

Icon Fixes

Category List Animation

When adding a category, there is no indication that an action has been taken except the addition of the icon in the randomized box. After 3 items, there is no visible notification of an item being added.

Perhaps we should do some kind of animation on the category list to indicate an item is added to the randomized.

Ensure all list items are capitalized

@TimKellyTheMighty We can do this in CSS. Let me make sure it works on all devices.

Allow for custom lists

Add programming to allow for a user-generated list. We need to decide what the best method of input would be. Should we have them put a comma, separated list into one big text box? Or each item goes into its own text box?

Perhaps there is a way we could do both and have the user decide how they want to input their lists.

Multiple topics in one selector

"?" Selector boxes should be limited to one topic icon.

Add First Use Tour

I will add a tour to teach the user how to use the app the first time they open it. http://bootstraptour.com/

• Write steps/content @TimKellyTheMighty
• Install plugin
• Remember if they took the tour

Instafeed styling

• Instafeed needs to crop images to square
• Add "lightbox" feature to view full image

Lists page

This page will have a grid list of all categories. Clicking on a category will open a modal to list all of the items in the list.

Should be searchable

Forging Animation

I was thinking it could be really cool to have a "Forging" animation when the user clicks "Randomize."
Maybe like a hammer on an anvil while the randomization script runs?
We also have the ability to make use of the device vibration. If we could time it right and vibrate when the hammer hits the anvil, It would be awesome.

@TimKellyTheMighty Thoughts? It would probably be v.2 or 3.

Icon Font

I think it would be easiest for both of us if we created an icon font from your vector graphics. I've used http://fontastic.me/ and it's pretty good. Easy to use and FREE!

• Create Vector Icons
• Upload to http://fontastic.me/
• Install/update icons in app

Limit clicking of the "randomize" button

Only make the randomize button clickable when there is at least one category selected.

Create a Gallery Page

This page will contain the Instagram feed for whatever hashtag we choose to use.

• Install Instafeed.js
• Create a client id to access images
• Add Page to app to hold feed
• Add link to gallery in header

Create Static Mockups

• Home Page
• Gallery Page
• Results Page
• Tour Boxes
• Convert to HTML/CSS

Duplicate categories instead of moving them

When a category is moved to the "?" Box, it should not be removed from the categories section. This way, a user may select three of the same category.

Animated Splash Screen

Currently, the system only supports a static .png splash screen. @TimKellyTheMighty, I wouldn't spend time on this just yet. It is possible to do animation, I'll just have to put some changes in place and I'm not sure how long that will take. I'll set it as a v.2 thing unless you find it more important.

Splash Screens don't Show

For some reason, our custom splash screens aren't showing. I'll have to look into it.

Revisions and Edits

• Padding Under Logo - add more space between icons and icon titles.
• Add Blue To Button Animation Sequences - Make the buttons turn the same blue color as the icon text when pressed. Only the randomize and refresh/back button. Probably a three series animation for "randomize button" from yellow to blue to clear inside.
• Make Corner Logo Icon return to home screen on both pages - This is up to you, but i keep wanting to click on it to go back. Might confuse some people idk.
• Add more leading to "Your Concept Words Are"
• Start Page? - Elizabeth mentioned that their isn't much info on what the app does inside the actual app. Would it be weird to include a welcome page with the logo like on the splash page and some copy about the app and a "Start" button? Open to your ideas and opinions.

Create user accounts

Allow for users to create, log in, and edit their account.

No Duplicate Results

We should have a way to ensure that the randomizer does not pick the same result twice in a row for the same category.

iPad styling

We need to determine what we will do for tablet sized screens. It should be fairly simple to detect the screen size on page load and show 6 columns of icons on larger screens. That would make it look much more native on the iPad.

Remove categories from randomizer with a single tap

The double tap to remove an item is a bit confusing, and I believe unnecessary. I should be able to distinguish between a tap and a swipe well enough that no one would accidentally remove categories when trying to scroll.

Users can save their lists for use later

A user with an account should be given the option to save their custom lists to be used later. We need to determine how to show their lists in the categories bar. Do we let them choose an icon to represent their list? Or only use a title?

Scroll Indicator on Randomizer

The selected categories box needs a scroll indicator similar to the one on the category list section.

Static Images Needed

Here is a list of static images that I believe will be needed.

• Logo Icon (square 250x250)
• Portrait Splash Screen Background for: iPad (1024x768), iPhone (http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions), Android (640x480)
• Landscape Splash Screen Background for iPad, iPhone, Android.

I would suggest that we export all of these splash screens at 2x the screen size (3x for some, see the iPhone link above). The large size will keep the text crisp on high resolution screens.

Also note that the logo should not be included on the splash screens. It will be placed separately.

Allow users to remove selected categories

Users will need to remove their selected categories from the "?" Box. Since we no longer remove the selected items from the categories section, it is no longer practical to drag and drop them back there to remove. Perhaps a small "X" will suffice.

Indicate the ability to swipe to see more

In both the category list and randomizer, it is unclear that there are more items that are not visible. We need to indicate that the user is only seeing part of the options.