Schmerb

cat carousel
https://repl.it/GiQR/192

fizzbuzz with DOM insert
https://repl.it/GiQ8/325

Lightbulb toggle
https://repl.it/GiQm/124

Schmerb

Stream It will allow users to search for a movie or tv show and find which web platforms they can currently stream the movie/show on providing the links to the video as well as viewing options such as buy and rent and their corresponding prices. 
I will be using Guidebox's API for video data and possibly GoWatchIt API as a fallback for when GuideBox terminates all free accounts.
Also, I will use The Open Movie Database (OMDBDatabase API) which gives me access to metadata from The International Movie Database (IMDB)

Schmerb

After getting some feedback from a group of users, I gathered a few suggestions I was able to implement and update my web app accordingly. I removed any focus on input fields via hover, to adheer to web standards. I made sure all text is legible by giving contrast between text color and background color. Also, for cleaner markup, I used psuedo elements to accomplish my 'burger' menu and animations rather than using a series of elements to create the icon, its all handled with a single <div> and CSS alone. Cleaned up some of the order of elements such as movie / tv show plot so the text does not get too narrow which is a burden to read compared to a wider paragraph. 

Schmerb

Echo endpoint
https://glitch.com/edit/#!/shiny-plate?path=server.js:12:0

mad lib
https://glitch.com/edit/#!/wonderful-apology?path=server.js:22:0

A/B test
https://glitch.com/edit/#!/watery-denim?path=server.js:25:3

Schmerb

Find all restaurants
db.restaurants.find({});

Find the command that makes the first 10 restaurants appear when db.restaurants is alphabetically sorted by the name property.
db.restaurants.find({}).sort({name: 1}).limit(10)

Retrieve a single restaurant by _id from the restaurants collection. This means you'll first need to get the _id for one of the restaurants imported into the databa
db.restaurants.findOne({_id: db.restaurants.findOne({})._id});

Write a command that gets all restaurants from the borough of "Queens".

Schmerb

User Stories: 

  All Users:
    As a user, I should be able to see all other users’ reviews
    As a user, I should be able to click a link to go to an external website to purchase the drone under review
    As a user, I should be able to read feed of external articles ==> drone blogs
    As a user, I should be able to register for an account (via Email, Facebook, Google etc)

  Registered Users:
    As a user, I should be able to login to my account

Schmerb

MVP
Essential User Stories
  As a user, I should be able to register / log in
  As a user, I should be able to see all other users’ reviews
  As a user, I should be able to write reviews
  As a user, I should be able to comment on other users’ reviews
  As a user, I should be able to ‘upvote’ reviews I find helpful (but not my own)

Screens
  Screen for register / log in

Schmerb

Main issues brought up by test users:
  - Needed a more visible 'home' button throughout experience, user had to search for it which breaks a fluid UI
    - Added it to nav, mobile nav, and fixed nav so always in view
  - Made main navbar link font-size larger with larger viewports 
  - Had to clean up some iframe issues going between large and small viewports to display either an image thumbnail of a video which opens in a model and the actual iframe. Hide/show the img/iframe of the same video when window passes a specific width -- modal is not supported on small mobile devices in portrait mode
  - Made main logo bigger to fill some more space

Schmerb

Nav Bar
https://glitch.com/edit/#!/incandescent-puma?path=src/components/navigation-bar.js:17:10

Address Book
https://glitch.com/edit/#!/violet-pajama?path=src/components/address-book.js:37:12

Schmerb

Surprise
https://glitch.com/edit/#!/iris-air?path=src/components/surprise.js:11:10

Hourly rate calculator
https://glitch.com/edit/#!/lively-comma?path=src/components/rate-calculator.js:28:9

Live Search
https://glitch.com/edit/#!/navy-marble?path=src/components/live-search.js:30:4