Jen G germanny

Project Requirements Document: The Urlist Website

The following table outlines the detailed functional requirements of The Urlist website.

Requirement ID	Description	User Story	Expected Behavior/Outcome
FR001	Creating a New URL List	As a user, I want to be able to start a new, empty list so I can begin adding URLs.	The system should provide a clear way for the user to initiate the creation of a new list, potentially presenting an empty list view or an "add new list" button.
FR002	A

React Component Development Standards

Consider adopting Airbnb's React/JSX Style Guide to check for a lot of the following:

Type Safety & Props

Props Management
- Use lowercase props if component will be a shortcode
- Implement proper prop validation with PropTypes or TypeScript

Avoid any types - use specific types for all props

Hardening WP Security

A shortened, actionable version of the full punchlist

Sync your entire live site down to your local repo
Change the WordPress default admin user + generate a new password
Remove any users that aren’t supposed to be there, or that are no longer in use
Update WordPress (in case you need to update it manually: https://gist.github.com/ericrasch/4192dc480398a896d4d58b5afe08a1d0)
Update all WordPress plugins
Remove unused plugins

{
  document.addEventListener("submit", (ev) => {
    const form = ev.target;
    const value = form.subject.value;

    // Return if doesn't contain class
    if (!form.classList.contains("my-class-name")) {
      return;
 }

On macOS for downloading all repos for an organization:

$ brew install jq
Create personal access token on github
$ curl -s https://<your token>:@api.github.com/orgs/<your org>/repos\?per_page\=200 | jq ".[].ssh_url" | xargs -n 1 git clone --recursive

ref: https://gist.github.com/caniszczyk/3856584#gistcomment-2653802

Use wget to mirror a single page and its visible dependencies (images, styles)

Graphic via State of Florida CFO Vendor Payment Search (flair.myfloridacfo.com)

This is a quick command I use to snapshot webpages that have a fun image I want to keep for my own collection of WTFViz. Why not just right-click and save the image? Oftentimes, the webpage in which the image is embedded contains necessary context, such as captions and links to important documentation just incase you forget what exactly that fun graphic was trying to explain.

Project Overview

So this should take them about an 30 mins to 1 hr, depending on how in depth they get. I wanted to keep the instructions as vague as possible with little direction to see how they operate. Here is a list of things we'll be looking for as we QA:

Questions, if they ask any
Github
Javascript/JQuery
HTML Markup
PHP Logic
Git Committing

	{
	"default": {
	"logoWidth": "250",
	"publisherName": "collegedegrees.com",
	"theme": {
	"fontSize": {
	"h1": "28px !important",
	"h2": "20px !important",
	"h3": "16px !important",
	"bodyLarge": "18px !important",

	{
	"colors": [
	{
	"color": "black",
	"category": "hue",
	"type": "primary",
	"code": {
	"rgba": "[255,255,255,1]",
	"hex": "#000"
	}

	<script type="application/ld+json">
	{
	"@context": "https://schema.org",
	"@graph": [
	{
	"@type": "Organization",
	"@id": "https://yoast.com/#organization",
	"name": "Yoast",
	"url": "https://yoast.com/",
	"sameAs": [