andrayantelo/ivys_attic

ivys_attic's Issues

Use correct selector with toggleMenu click handler

Questions

• Why does it matter where I include the js file? (in head or after body tags)
• Do we actually want pictures of varying heights and widths?

blue top border for footer instead of all blue footer

Adjust everything for different device sizes

Like the size of the thumbnails.

• margin between thumbnails

contentWrapper width

• Need to adjust contentWrapper widths for different device sizes.
• Need to adjust padding-left of footer items for different device sizes.

Navbar menu looks strange on tablet when you open it

Ivy's Attic brand name is not in the middle of the navbar

Devtools ipad view sometimes just shows a piece of the website

instead of the entire website fitting in the screen size for ipad. Try resizing window manually.

Create click handlers for site navigation

Search bar width is too wide for iphone 5

Switch from masonry to isotope

Bottom thumbnails end up underneath footer

collapse footer menu after clicking on option - mobile

Control user access to data

Including storage bucket.

Dynamically add images to page

From database.
Maybe we re-layout the grid outside of the addItem and removeItem functions.

Shopping categories for tags

What are the categories? Living room, dining, chairs, etc. These will be used as tags to filter search results on website.

Navbar needs CSS improvements

I want a navbar with a bigger height than the default bootstrap navbar height. Colors need to be changed to match Ivy's Attic theme.

Need the different categories to put up there.

Fix mail in the Contact Us mailto link

Unique Ids for Products?

That way you can select them to remove them, or save them, or whatever.

Migrate to webpack

filter items

Every item has associated with it tags. example:

{id: (from seawinds),
name: chairychristmas,
tags: [brown, chair, recliner, wicker, outdoor],
collection: montego
}


Imagine a box where you type the thing you want, suppose I start tying b, this could be 'brown', 'blue', 'bed', and these would appear and you would select one of these. Once you do that, the tag for the one you selected appears and the only photos that are shown are the ones that have that tag. (maybe throw out everything that doesn't have the chosen tag, or vice versa). If you have two tags like 'brown' and 'montego' you only get items that have those two tags.

if you click one of the pics, you get a popup box with a description with a link to the page with description. (maybe link to sea).

Have starred items, so that you can have like a wishlist type thing. Starred = {id of item: [tags]}

"Favorites" font size too small in desktop view

More space between map and address

Maybe only have the search bar inside the collapsed menu

And have the favorites star on rightmost side of navbar.

Integrate favorites into URL

for example:
foo.com/?favorites=SKU1,SKU2,SKU3...

makes sharing easy

Google map not showing anything

Navbar and footer width does not fill up entire screen

When there is a bottom scrollbar.

Have navbar menu collapse in tablet view as well.

Clicking on home link brings up a messed up home page

Social media icons for CONNECT list in footer

Navbar isn't completely flush with the top

Rows move progressively further apart

Steps to reproduce

Size window so that one element per row is shown. Resize window so that two elements per row are shown. Resize window again so that one element per row is shown.

Expected result

Elements return to the same place they were in before.

Actual result

Spacing between rows increases each time this is done.

Replicability

Always - Firefox ESR 45.7.0 for Linux.

Sample result

Show more images per row in desktop view

IvyApp and Product classes have functions of the same name

Does this matter? @johntyree

CSS theme color

I use the theme color in a lot of different places in my CSS file. Should I use sass so that I can use CSS variables? @johntyree