nathanielmata

Role	Task	Importance
As an unregistered user	I want to see clear, easily understandable instructions about what the application does and how to use it.	High
As an unregistered user	I want to create an account	High
As a registered user	I want to login	High
As a registered user	I want to ensure my account's security by logging out	High
As a registered user	I want to create a new css animation	High
As a registered user	I want to edit an existing animation	High
As a registered user	I want the send messages to other registered users	Low
As a registered user	I want to save an animation	High

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

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

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

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

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

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

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

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

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

*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.