gingus55/sound-art-smart

Sound art smart

sound-art-smart's Issues

Build landing page

• create responsive navbar
• Description of web-application's purpose
• add a get started button
• design the page

Results Page

• Create & style Html page for template string (6 object cards w/ view btns)

• Loop through API data to render cards after calls

• Issues: some card title text not centered, API results not a great match

Populate view results page

Use Jambot to do mock up of designs by chris?

• Landing Page

• Question Pages

• Data Collection

• Unnecessary page

• You'll love

• Sound Art Smart

• My favourites

• About Us

Final CSS review

• set object card (on results page) min-height
• add space between "view more info" and "save" buttons on object cards
• consider icons for the buttons on object cards
• move buttons side by side on object cards
• consolidate css files into styles.css
• figure out background issue!

Favourites page

• Assign save buttons to rendered cards
• Save into local storage
• Get favourites to render with same card style on a favourites page
• Add ls reset button to page

Update question html page

• Re-link the appropriate css file (after renaming the css files, the link is broken)
• Change page title from Hello Bulma!
• Confirm appropriate js file is linked as well
• Refactor with semantic HTML
• Link proper html files in navbar

convert object result view page to JS

(GET STARTED PAGE) render next question on click

• Create an array of question and options for painting and sculptures
• Construct the cards and question title for each question page dynamically
• Save user choices globally in an array

(GET STARTED PAGE) Get multi-choice images

• Get images for each of the questions (25 img)
• Crop the images to squares
• Name each img appropriately when saving
• Separate the images to a painting and sculpture folders
• Used css to highlight img used and basic nav bar

Quote API on Index page

• make They Said So Quotes API call for art quote of the day, within onReady, on index page
• render quote to index page

Gallery Page

• Create and style the grid frames
• Investigate Drag and drop functionality
• https://jqueryui.com/draggable/
• Working functionality but no images rendering empty boxes.
• work on rendering images

Click event from results page to object view page

• Add click event, targeting each button
• Save object info to LS
• Pull from LS to render object view page

Create About Us page

• Add images
• Add personal blurb space
• Add social links
• insert cards
• work on layout

Final HTML Review

• remove commented out html
• make page titles cohesive
• make About Us page open in new tab

Final JS review

• Remove console.logs
• replace expressions with arrow functions?
• consolidate share functions in the shared js file?
• review and leave good comments
• Add alt tags to question image cards

object result view page

Tidy tasks

• Get array into LS
• Align search buttons
• set height for cards
• show error when no results found

Render object info page

• HTML layout & style object info page
• Set click event listener for "view more info" buttons on the rendered results page
• Redirect to object information page on click

Update README file

• Logo image
• description
• contributors github links
• user story/flow
• repo link
• "built with" list
• APIs list
• screenshots- desktop & mobile