nathanielmata

Travel app user stories

Jonathan and Nathaniel

Role	Task	Importance	notes	screen reader / low vision / color blindness / hearing impaired
new user	create a profile using html form	medium	potentially use google oauth	create profile form uses appropriate web accessible functionality with semantic html
new user	should be able to create a list using html form	medium		create list form to use semantic html so that it has web accessible features
new user	search for place using html form	high		search form to use semantic html so that it has web accessible features
new user	search for weather date range using html form	high		html form input
return user	view profile	medium		semantic html markup throughout

nathanielmata

*Brian *Sultana *Nathaniel

1. What situations would be good to use context? Context is designed to share data that can be considered “global” for a tree of React components, such as the current authenticated user, theme, or preferred language. Deeply nested components that need global information.

2. If you need to pass a prop down 1 or 2 levels, is context necessary? No, context is only necessary when working through many levels.

nathanielmata

UNREGISTERED USER

As an

• UNREGISTERED USER

I want to

• write/edit a note in a Markdown editor
• AND preview the output HTML in the browser

So I can

nathanielmata

1. How are the syntaxes async and await useful when writing JavaScript code?

The async and await keywords enable asynchronous, promise-based behavior to be written in a cleaner style, avoiding the need to explicitly configure promise chains.

2. With respect to Knex, how does the transaction method relate to BEGIN and COMMIT syntax in PostgreSQL?

Knex transaction() method wraps a sql statement and is equivalent to wrapping a sql statement in BEGIN and COMMIT.

nathanielmata

So you want to merge two repos?

Here are some steps that worked for me on two repos with very few merge conflicts.

If you have two repos, repoA and repoB, and you want to copy everything including the history of repoB into repoA

1. on your local machine create a directory called temp-dir and cd into it

mkdir temp-dir
cd temp-dir

nathanielmata

function escapeHtml(unsafe) {
  const unsafeCharList = {
    "&": "&",
    "<": "&lt;",
    ">": "&gt;",
    "'": "&#039;",
    '"': "&quot;",
  }

  return unsafe.replace(/[&<>\'"']/g, function(match) {

nathanielmata

Captone2 Roles

NATHAN / BRIAN (Project Manager)

• pick a project management tool (trello or github issues)
• make sure each person has clear feature to work on
• divvy work by feature or frontend/backend of feature

SULTANA (Product Manager)

nathanielmata

Pages

Private Routes

Dashboard (show your last 6 animations, show showcase of public animations)
New Animation Editor Page
Existing Animation Editor Page
User Profile Page
Generate CSS Code Page

nathanielmata

User: Anna Escobar
Name of your app: Animation Station
Live version: https://css-animator-capstone-client.vercel.app/
Github repos:
https://github.com/nathanielmata/css-animator-capstone-client
https://github.com/SultanaK/AnimationStation-backend

1.) Is the app interesting or valuable? Yes, feels addicting. It has no value to me as I am not a 10 year old child.

nathanielmata

App Name: Animation Station
Pages List:
-Landing Page: https://alenj-dmt.github.io/animation-station-wireframe/
-Editor Page: https://alenj-dmt.github.io/animation-station-wireframe/#editor
-Login/Register Page: https://alenj-dmt.github.io/animation-station-wireframe/#login
-Dashboard Page: https://alenj-dmt.github.io/animation-station-wireframe/#dashboard
-Profile Page: https://alenj-dmt.github.io/animation-station-wireframe/#profile
-MarketPlace: https://alenj-dmt.github.io/animation-station-wireframe/#marketplace

User flows: https://drive.google.com/file/d/1RWzbOkCu0lrld5xjbXwjLNBG2J8RPYTv/view?usp=sharing