Skip to content

Instantly share code, notes, and snippets.

@josno
josno / gist:24b195a340fdda9eca1dc2698a923aa4
Created December 4, 2019 13:01
Screengrabs - re-render issue
Parent component won't automatically re-render at setState({}).
See below for screenshots
@josno
josno / word-nerd-user-flow-story
Last active November 26, 2019 11:35
word-nerd-user-flow
App Name: Word Nerd
Start Here:
Home page:
https://josno.github.io/word-nerd-wireframes/one-home-page-sign-up.html
https://josno.github.io/word-nerd-wireframes/one-home-page-login.html
Flow:
- Acts as landing for the application
- Provides instructions on how to use the application
@josno
josno / fullstack-capstone-user-stories
Last active November 14, 2019 15:16
Full Stack Capstone #1 User Stories
Role Task Version 1 Importance
As a new/returning user... I want to create a game. High
As a new/returning user... I want to upload new words/phrases. High
As a new/returning user... I want to play the game on the screen with my students. High
As a new/returning user... I want to control the game. High
As a new/returning user... I want to end the game. High
As a new/returning user... I want to see all the words I uploaded in a game before I create the game. High
As a new/returning user... I want to share my game. High
As a disabled new/returning user... I want to change font sizes for my game. Medium
As a disabled new/returning user... I want to adjust the sound volume to my game. Low
@josno
josno / fullstack-capstone-statement
Created November 9, 2019 19:29
Full Stack Capstone Statement
Full Stack Capstone Name: "Word Nerd"
Idea Statement:
EFL or ESL teachers often use games to teach students English in a fun environment. Fluency is very important but
is difficult to teach because so much repetition is involved. My idea is to create an app game where teachers can
add their own vocabulary or phrases and play the game with the students to teach/check fluency. They can repurpose the
the game by uploading different vocabulary and phrases of different lessons; which they can save in their accounts online.
This way they can streamline their teaching materials and their lesson planning time.
@josno
josno / feedbackiteration
Created July 15, 2019 06:43
gist-api-hack-feedback-iteration
I spoke with several colleagues and they suggested the following to improve on my app:
1. Bigger font sizes for better readability
Simplify wording and increase the font sizes.
2. Getting errors between cities and countries
Create an array of countries that match the spelling for the restcountries API so it pulls the proper country right away instead of pulling multiple countries when it can't find the exact spelling. Use Google Places API for the cities and remove additional country information using the split method so it only uses the city name for the weather that also uses the country code from the rest countries API. Also added error messaging that tells user to check for misspellings.
3. A button to look up another destination
Added restart button on the second page.
@josno
josno / api-hack-flow-wireframe
Created June 26, 2019 13:16
api hack user flow and wireframe
Comment #1 - User flow explained
Comment #2 - Wireframe
@josno
josno / api-hack-proposal
Created June 24, 2019 13:30
API Hack Proposal
Users will be able to submit their international travel destination and see a snapshot of essential information such as required visas, relevant weather information, and currency via DarkSky (weather) API and Sherpa (travel & visa) API.
@josno
josno / read-API
Last active June 18, 2019 12:04
how to read API documentation
1. Youtube API
A. subscriptions end point: https://www.googleapis.com/youtube/v3/subscriptions
i. Required Parameter:
a. "part": string
b. part names: contentDetails, id, snippet, subcriberSnippet
- indentifies properties that contain other child properties
- child properties will be included in response
ii. Optional Parameters:
a. "channelId": string
@josno
josno / Client-server-analogy
Created June 17, 2019 07:43
Analogy of clients and servers
Clients and servers work together in the same way a teacher teaches a lesson to their students. Materials and resources are collected by a teacher to create a lesson plan.
The lesson includes details such as:
- The content of the lesson
- What materials will be used with the lesson
- Expectations of how the students can interact with the teacher and the lesson
- Information on where teachers can find specific materials
This lesson plan is similar to the server because it exposes the different resources and materials that a teacher needs to conduct their class specifically. Students also see their teacher as the "client" that introduces these materials and shows them the lesson context in more digestable ways. All of the information that students acquire heavily depend on how the teacher (client) recalls their well-prepared resources by referring to a lesson plan (server).
@josno
josno / portfoliotext
Last active June 17, 2019 14:34
Portfolio Bio Text & Wireframe
Headline:
"I’m a full-stack software engineer with a focus on education."
Bio:
"I’m a full-stack software engineer with a focus on education. In my past life, I was a digital media strategist and an international English teacher. From products to interactions, I live for creating joyful experiences and thrive in learning something new. You can say my continued passion for technology and learning led me here.
I see problems as opportunities to create and programming as my toolbox. You can often see me wondering out loud about developing better efficiencies on whatever project I am working on. If you are not planning on contacting me about my portfolio, I am also a certified wine taster so we can talk about that too.