Josh Barnes jbarnes439

## Service object
serializeAnime(includedGenres, animeData) {
          // genres will be res.included anime will be res.data
            /*  set an object where each key is a genreId and each value is the genre title this is
                needed to avoid subsequent api calls to the kitsu api for genre data */
            let genreObject = {}
            includedGenres.map(genre => {
                return genreObject[genre.id] = genre.attributes.title
            })

            // create an array of anime objects with only the data necessary for our purposes.

## gist:981d055dad3151edd05dbed6f395d260
Purpose:
This is going to be an app designed to help students study on the go.

User Flows:
1. The user, any user at this point, will be directed to the landing page. (index.html) This is where a returning user can log in, or a new user can click a button to sign up - let's follow that.

2. On clicking the sign up button the new user will be directed to a signup form. (signup.html) - Prompted for username, email, desired password.

3. Upon submitting the signup form the user should be directed back to the landing page where they can log in (index.html) OR Upon submitting the signup form the user should be directed to the return-user home page. (user-home.html)

## First Capstone
For my first capstone I want to create a flashcard app.
I have a background in the medical field and I know how hard it can be to study.
The app will be a flashcard app, primarily focusing on anatomy. I would like to continue
expanding the App to cover many areas of anatomy, but will likely start with the skeletal system.
A user will be able to select from a prepopulated list of anatomy questions, but also
be able to create their own questions for self testing. This app is intended to help
medical students really nail down some of the knowledge/terminology that just comes from pure
memorization, of which there is no shortage in the medical field.

User stories:

## Noteful implementing forms, validation and API calls
Made with Amanda McCabe
https://github.com/thinkful-ei-rabbit/Noteful-Josh-Amanda.git

## gist:57d47f830ee4848bfb730b81ae50bc04
Does this API require authentication?: Yes
Does this API support CORS?: Yes
Find the events search endpoint documentation. Describe in detail the response format of the events search endpoint.
(HINT: You may need other keywords to find this endpoint.):

api.meetup.com/:urlname/events

The current version of the API, v3, serializes all responses as JSON.
Relevant metadata is encoded has HTTP headers with the response.

## API questions
YouTube subscription list endpoint, parameters, and parameter data type example.
Endpoint: GET https://www.googleapis.com/youtube/v3/subscriptions
required parameter: 'part' - dataTypeGiven: object   - allowedValues (string): 'contentDetails', 'id', 'snippet', 'subscriberSnippet'.

optional parameter: channelId - dataTypeGiven: string  allowedValue(string): unique ID for the channel requested
optional parameter: maxResults - dataTypeGiven: array of objects, the maximum amount will be integer specified.  allowedValue(integer): 0 - 50.

Google Maps geocoding API url
https://maps.googleapis.com/maps/api/geocode/json?address=Statue+of+Liberty+National+Monument,New+York,NY,10004,USA&key=YOUR_API_KEY
https://maps.googleapis.com/maps/api/geocode/json?address=703+Rose+Lane,Phoenix,AZ,85013,USA&key=YOUR_API_KEY

## response-cycle-diagram.pdf
something

## HTML wire frame for quiz app.
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Quiz App</title>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" rel="stylesheet" type="text/css" />
    <link href="app.css" rel="stylesheet" type="text/css" />
	serializeAnime(includedGenres, animeData) {
	// genres will be res.included anime will be res.data
	/* set an object where each key is a genreId and each value is the genre title this is
	needed to avoid subsequent api calls to the kitsu api for genre data */
	let genreObject = {}
	includedGenres.map(genre => {
	return genreObject[genre.id] = genre.attributes.title
	})

	// create an array of anime objects with only the data necessary for our purposes.
	Purpose:
	This is going to be an app designed to help students study on the go.

	User Flows:
	1. The user, any user at this point, will be directed to the landing page. (index.html) This is where a returning user can log in, or a new user can click a button to sign up - let's follow that.

	2. On clicking the sign up button the new user will be directed to a signup form. (signup.html) - Prompted for username, email, desired password.

	3. Upon submitting the signup form the user should be directed back to the landing page where they can log in (index.html) OR Upon submitting the signup form the user should be directed to the return-user home page. (user-home.html)
	For my first capstone I want to create a flashcard app.
	I have a background in the medical field and I know how hard it can be to study.
	The app will be a flashcard app, primarily focusing on anatomy. I would like to continue
	expanding the App to cover many areas of anatomy, but will likely start with the skeletal system.
	A user will be able to select from a prepopulated list of anatomy questions, but also
	be able to create their own questions for self testing. This app is intended to help
	medical students really nail down some of the knowledge/terminology that just comes from pure
	memorization, of which there is no shortage in the medical field.

	User stories:
	Made with Amanda McCabe
	https://github.com/thinkful-ei-rabbit/Noteful-Josh-Amanda.git
	Does this API require authentication?: Yes
	Does this API support CORS?: Yes
	Find the events search endpoint documentation. Describe in detail the response format of the events search endpoint.
	(HINT: You may need other keywords to find this endpoint.):

	api.meetup.com/:urlname/events

	The current version of the API, v3, serializes all responses as JSON.
	Relevant metadata is encoded has HTTP headers with the response.
	YouTube subscription list endpoint, parameters, and parameter data type example.
	Endpoint: GET https://www.googleapis.com/youtube/v3/subscriptions
	required parameter: 'part' - dataTypeGiven: object - allowedValues (string): 'contentDetails', 'id', 'snippet', 'subscriberSnippet'.

	optional parameter: channelId - dataTypeGiven: string allowedValue(string): unique ID for the channel requested
	optional parameter: maxResults - dataTypeGiven: array of objects, the maximum amount will be integer specified. allowedValue(integer): 0 - 50.

	Google Maps geocoding API url
	https://maps.googleapis.com/maps/api/geocode/json?address=Statue+of+Liberty+National+Monument,New+York,NY,10004,USA&key=YOUR_API_KEY
	https://maps.googleapis.com/maps/api/geocode/json?address=703+Rose+Lane,Phoenix,AZ,85013,USA&key=YOUR_API_KEY
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Quiz App</title>
	<link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" rel="stylesheet" type="text/css" />
	<link href="app.css" rel="stylesheet" type="text/css" />