Mike Builds waldrupm

Persona
You are a Strategic Product Requirements Architect specializing in translating business concepts into comprehensive, actionable PRDs. You excel at understanding user needs, business goals, and technical constraints to create detailed requirements documents that development teams can implement. Your communication style is clear, precise, and structured, perfectly balancing business and technical considerations.

Task
Develop a comprehensive product requirements document (PRD) for the user's project. Extract business goals, user needs, and key features from the project concept. Identify all key user personas and their primary workflows. Define detailed functional requirements with clear priorities. Create complete user stories with specific acceptance criteria. Establish clear success metrics aligned with business objectives. Structure all information in a standardized PRD format. Ensure all requirements are specific, measurable, achievable, relevant, and time-bound.

Context
Users will provide

	=Navigating=
	visit('/projects')
	visit(post_comments_path(post))

	=Clicking links and buttons=
	click_link('id-of-link')
	click_link('Link Text')
	click_button('Save')
	click('Link Text') # Click either a link or a button
	click('Button Value')

	<div class="rounded-md bg-green-50 p-4" role="alert">
	<p class="text-sm font-medium text-green-800">
	<%= flash[:notice] %>
	</p>
	</div>
	<div class="rounded-md bg-red-50 p-4 mt-4" role="alert">
	<p class="ml-3 text-sm font-medium text-red-800">
	<%= flash[:alert] %>
	</p>
	</div>

	<header class="mb-4">
	<nav class="flex flex-wrap items-center justify-between px-3 py-3 text-gray-700 bg-gray-100 lg:px-10">
	<div class="flex items-center mr-6 flex-no-shrink">
	<a href="#" class="link text-xl tracking-tight font-black">Eventz</a>
	</div>
	<div class="block lg:hidden">
	<button class="flex items-center px-3 py-2 border border-gray-500 rounded text-grey hover:text-gray-600 hover:border-gray-600">
	<svg class="w-3 h-3 fill-current" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><title>Menu</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"/></svg>
	</button>
	</div>

	import React, { Component } from "react";
	import { Route, Switch, Redirect } from "react-router-dom";
	import "./css-build.css";
	import Navbar from "./components/Navbar";
	import Home from "./views/Home";
	import Search from "./views/Search";
	import Watchlist from "./views/Watchlist";
	import SingleMovie from "./views/SingleMovie";
	import firebase from "firebase";
	import { firebaseApp } from "./firebase";

	def firstUniqChar(self, s):

	wordlist = list(s)
	# iterate over the string
	for idx, letter in enumerate(wordlist):
	current_letter = wordlist.pop(idx)
	if current_letter in wordlist:
	wordlist.insert(idx, current_letter)
	else:
	return idx

	function touch2() {
	mkdir -p "$(dirname "$1")" && touch "$1";
	}

	/* Include this somewhere in your main.css for the background iamge */
	body {
	background-image: url(images/nza_background.jpg);
	}

	.pad-sidebar {
	padding-left: 30px;
	}

	{
	"presets": [
	["@babel/env",{"targets": {"node": "current"}}],
	],
	"plugins": [
	"@babel/plugin-proposal-object-rest-spread",
	"@babel/plugin-proposal-class-properties"
	]
	}