Skip to content

Instantly share code, notes, and snippets.

Avatar

Josh Barnes jbarnes439

  • Phoenix, AZ
View GitHub Profile
@jbarnes439
jbarnes439 / Service object
Created Jan 13, 2021
A code snippet of a service object I created for the OtakuRisuto app in my portfolio
View 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.
View 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)
View 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:
View Noteful implementing forms, validation and API calls
Made with Amanda McCabe
https://github.com/thinkful-ei-rabbit/Noteful-Josh-Amanda.git
View 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.
View 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
@jbarnes439
jbarnes439 / response-cycle-diagram.pdf
Last active Aug 16, 2020
request response cycle and client server analogy
View 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" />