liseferguson

1.) Add some explanatory text next to title search button
2.) It might be a little cleaner if the browse all libraries, search for a book, and edit profile items were always shown consistently in one place. It mostly felt weird on th edit profile page, having a browse all libraries button in the middle.
3.) Weird html included in alert that pops up when a user hits "submit book" button.
4.) Button to "view all libraries" doesn't work from profile page
5.) Looking good! Creating and editing my profile worked great, and I was able to add and delete books. I like the styles too, especially the floaty buttons. The 'Browse All Libraries' buttons and 'Go' buttons didn't work for me. You could add a Back or Cancel button to the Edit Profile page, or a way to edit book titles if you want. I think that's all I've got.
6.) I really like the project! I noticed a strange alert with html inside of it when Add book! Is selected without Entering a title. I'm not sure what you are doing front end wise if it's vanilla or Reac

liseferguson

Screen for signing up or logging in to the app
Screen for searching for a book
Screen showing search results ("Two of your neighbors have 'It' in their libraries"). Will either show neighbors' profiles
with the option to message them, or will show neighbors' location on map with the option to message them.
Screen for user profile

User Flow:
WELCOME PAGE

Under "sign-in" form, user enters

liseferguson

//get all:
db.collection.find()

//Find the command that makes the first 10 restaurants appear when db.restaurants is alphabetically sorted by the name //property.
//Code translation: find items from restaurants collections that are ascending alphabetically (as indocated by the 1; //descending is -1); resturn a limit of 10 results
db.restaurants.
... find().
... sort({name: 1}).
... limit(10);

liseferguson

***POST DRILL***

// import express
const express = require("express");

// init a new express app
const app = express();

//tells app to navigate to the endpoint "echo:/what" why are (req, res) in parentheses? 
//Q: 

liseferguson

Do my users think the app is interesting or valuable? - would be better if recipes and restaurants were rendered to screen, but yummly API doesn't allow that and ran out of time to implement restaurants/map
Did my users use the app as I intended? -users don't realize the randomization is on pupose - make more clear!
Did my users encounter any bugs or broken features? - button needs better visibility when in mobile screen
Did my users understand how to use the app? - Need to use better descriptor to show purpose of app

Slack user 1: "I'm taking a look at your site and it seems pretty straightforward to me. The icons you have are kind of fun and cartoony. I don't know how easy or not it is to do, but as a user I would prefer to have the recipe displayed on screen and not to need to go to another site. Same for the local restaurant finder.
I do like that if I click on different recipes that the same tab refreshes with new information rather that always opening up a new tab. I also like that the restaurant finde

liseferguson

My first choice for this project is the Random Global Recipe Generator, which returns a randomly-selected country along with a recipe for that country (and a map, and the flag, maybe a snippet from Wikipedia?). I am not sure if this project is viable, since I can't find an API that has recipes sorted by country of origin.

liseferguson

$(function(){

$('#js-shopping-list-form)').submit(function(event){
  event.preventDefault();
  
  const newItem = $('js-shopping-list-entry').val();
  
  $('.js-shopping-list-entry').val(''); //what is the empty ('')
  
  $('.shopping-list').append(

liseferguson

$(function(){

$('#js-shopping-list-form)').submit(function(event){
  event.preventDefault();
  
  const newItem = $('js-shopping-list-entry').val();
  
  $('.js-shopping-list-entry').val(''); //what is the empty ('')
  
  $('.shopping-list').append(

liseferguson

1.) Cat Carousel

//step 1: make sure accessibility features transfer over to elements in new function
//.attr() - Get the value of an attribute for the first element in the set of matched elements or set one or more attributes for every matched element. Syntax is .attr(attribute name, value) or .attr(attribute name, function)

function thumbnailClicks() {
  $('.thumbnail').on('click', function(event) {
    const imgSrc = $(this).find('img').attr('src');
    const imgAlt = $(this).find('img').attr('alt'); //trying to find elements named 'img' and then obtain their attribute value of 'alt' or 'src'? 
    

liseferguson

function getTokens(rawString) {
  // NB: `.filter(Boolean)` removes any falsy items from an array
  
  //Does it turn punctuation marks into falsy items?
  
  
  return rawString.toLowerCase().split(/[ ,!.";:-]+/).filter(Boolean).sort();
}
// This returns all words in the string as lowercase. It also returns a new array of all punctuation marks, and turns them to falsy items (???) Might remove from the algorithm so that only words will be counted