nvandenberge/letsplanaday

JHU Coding Bootcamp-Project 1 (Anthony, Jackie, Kyle, Nick)

letsplanaday's Issues

Jackie:

• Research color scheme for site.
• Sketch up a visual design

Feature: Update Zip Code Input Width

Decrease the width of the zip code input since the user is only inputting 5 numbers.

Feature: Add localStorage

Bug: Update responsiveness for header on resultspage.html

Anthony to work on homepage.

• Title
• Input text box
• "Search" button

Bug: Fix mobile responsiveness on homepage

create a random number generator

-Needs a random number generator in order to get a random options from choices

Feature: Remove number counter from zip input

Add the following code to the style.css to get rid of the number counter. Make sure to add a comment above the code describing the purpose

// Add comment here
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

Feature: Button/Link to homepage

On the resultspage.html (and potentially the final page where we "email" the user their choices) we'll want a button or hyperlink in the top left corner that redirects the user page to homepage so they may start over.

Feature: Update the README file

Like all of homework assignments, I believe this Projects needs a README file. For some examples you can checkout some of the repos that start with 'Homework- ' on Nick's Github account.

Sections we may need:

• Description
• Technologies (HTML, CSS, jQuery, MaterializeCSS, etc.)
• Mock-up (image of homepage and resultspage)
• Demo (copy the live link in Project-1 repo)
• Contributors (All our names)
• Future Enhancements

Kyle to work on main page...

• Grid layout
• 3 columns
• Headers: Restaurants, Events, Activities

Feature: API Requests Error Handling

When API request returns no results, display an error/warning message.

Feature: Redirect to resultspage.html

When the user clicks the 'Let's Go' button on homepage, the 'resultspage.html' should load. I know this can be done in JS, but I think there may be an HTML attribute that can do this also.

Feature: Add Max-Length of Zip Code Input

Only allow a max of 5 characters into the zip code input because zip codes are 5 numbers long. This can be done by adding a specific attribute to the element on homepage.

Feature: Add buttons to randomize each choice

fix footer for mobile

Feature: Only allow number characters in zip code input

Add footer formatting and buttons

Remove 'Play' section

Bug: Update Zip Code Input Type

Fix zip code input on homepage to be single line. Currently when you hit Enter, there is a line break in the input box. This is because we have a 'textarea' class on input, we most likely want something like a 'text' class. Check Materialize UI for more info.

Feature: Update placeholder text color

Update placeholder text color of zip input to black color on homepage. (The white text against a teal colored background is a little bit of an 'eye sore')

Kyle & Anthony: add .gitignore file for "**/.DS_Store"

Nick: Handle API requests.

Update folder structure

We can save this one until the very end. Ideally we should create an "Assets" with 3 sub folders (images, css, js).

** the images folder will contain the screenshots of our app that will be included in the README file.

Research a CSS framework other than Bootstrap.

Materialize UI

• https://materializecss.com/text-inputs.html