abbyluce

What worked well in your process?

My ability to vocalize my thought process and think through possible routes to solve the problem.

What was difficult/where did you struggle?

Slowing down and not jumping right into coding, taking time to pseudocode and make sure that I read through every part of the problem. Realizing how many tech challenges need for loops instead of iterator methods. I need to go back to the basics in JS and refresh on some mod 1 concepts.

What feedback/discussion did you have with your peer?

abbyluce

//JSON SCHEMA

{
	"$schema": "https://concert-crew-be.herokuapp.com/graphql/user",
	"title": "User",
	"description": "A user and their events",
	"type": "object",
	"properties":
	{
        "id":

abbyluce

//JSON SCHEMA

{ "$schema": "https://concert-crew-be.herokuapp.com/graphql/user", "title": "User", "description": "A user and their events", "type": "object", "properties": { "id":

abbyluce

DTR: Define the Relationship CONCERT CREW

Guiding Questions to Define The Relationship:

What are each of our learning goals for this project? What drives us in this project?

• Learn GraphQL
• Frontend: Jest testing possibly. CI/CD. Responsive layout design, Apollo state management
• Learning about JavaScript and React (backenders)
• See how backend integrates with frontend

abbyluce

GraphQL

I completed an introductory tutorial of GraphQL. This included the major benefits of using GraphQL instead of a standard REST api, how to setup queries, and how to implement it into new or existing codebases. GraphQL seems useful in extending my programming foundation because as APIs get more complex, it allows the client to request only the specific information that it needs from the database, rather than fetching more or less data than is being used on the front end side. In an interview I would highlight my understanding of why GraphQL was created by Facebook. It allows for quicker response times, especially in mobile applications, because excess data on the backend is not being loaded unless it is seen on the frontend.

CORS stands for Cross-Origin Resource Sharing

It is necessary for requesting information from a domain outside of the original domain that is loaded. I reviewed the MDN documentation and turing lesson over Express servers. CORS is needed for sercurity reasons and there

abbyluce

React Router Prework

This gist contains a short assignment I'd like everyone to complete before our formal lesson. The prework involves reading some of the React Router documentation, and will allow us to keep the lesson more hands on.

Instructions

1. Fork this gist
2. On your own copy, go through the listed readings and answer associated questions

You will not be turning this in; it's for your own understanding/learning/benefit 😁

abbyluce

DTR: Define the Relationship

Guiding Questions to Define The Relationship:

• What are each of our learning goals for this project? What drives us in this project?
  • How to fetch data
  • Working with APIs, webpack, 3rd party libraries
  • Incorporating unit testing in a larger project
  • Solidifying concepts from mod1 such as working in the DOM and creating usable classes

abbyluce

Paired Project Reflection

Abstract

For my first partner project, we created a very silly romance novel cover generator. This was our first dive into using the DOM to change the functionality of a webpage. We were provided with an HTML file and using methods such as querySelector and eventListener, we adjusted the buttons, format, and functionality of the website, including a "make your own" form where you could generate a cover from any image link, title of your choosing, and descriptor words.

Overall (Choose One)

What is your approach to working on a team? (In your answer, provide an example from this project)

abbyluce

Session 1 HW

CAREFULLY READ ALL THE INSTRUCTIONS BEFORE STARTING THESE EXERCISES!

To start this assignment:

1. Click the button in the upper right-hand corner that says Fork. This is now your copy of the document.
2. Click the Edit button when you're ready to start adding your answers.
3. To save your work, click the green button in the bottom right-hand corner. You can edit a Gist multiple times.