Daily Quotes App

Error loading the application. Please try again later.

\n \n \n `);\n }\n});\n\n// Health check\napp.get(\"/health\", c => {\n return c.json({ status: \"healthy\", timestamp: new Date().toISOString() });\n});\n\nexport default app;",[],[150,195],[150],{"_106":205,"_98":206,"_151":207,"_153":-5,"_154":138,"_155":208,"_157":158,"_108":209,"_103":31,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":210,"_101":235},"83fb9fcc-3fb0-11f0-bc38-76b3cceeab13","frontend","779f72ae-4d02-4314-ab30-0b27dc540a47",6,["D",1748868780949],[211],{"_106":212,"_98":213,"_151":214,"_153":207,"_154":138,"_155":208,"_157":158,"_108":215,"_103":31,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":216,"_101":234},"83fba1ac-3fb0-11f0-bc38-76b3cceeab13","components","489eef6a-123f-4b74-9b3c-2e23089f3dfa",["D",1748868780949],[217,226],{"_106":218,"_98":219,"_151":220,"_153":214,"_154":138,"_155":221,"_157":158,"_108":222,"_103":31,"_160":179,"_162":223,"_163":27,"_164":-5,"_165":224,"_101":225},"9c90c13e-3fb0-11f0-8687-76b3cceeab13","App.tsx","9c90c206-3fb0-11f0-8687-76b3cceeab13",7,["D",1748868822191],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport QuoteCard from \"./QuoteCard.tsx\";\nimport type { Quote, BookCategory, QuoteHistory } from \"../../shared/types.ts\";\n\nexport default function App() {\n const [currentQuote, setCurrentQuote] = useState(null);\n const [isLoading, setIsLoading] = useState(true);\n const [error, setError] = useState(null);\n const [history, setHistory] = useState([]);\n const [showHistory, setShowHistory] = useState(false);\n const [selectedCategory, setSelectedCategory] = useState(\"\");\n const [customTheme, setCustomTheme] = useState(\"\");\n const [availableCategories, setAvailableCategories] = useState([]);\n\n // Load daily quote on mount\n useEffect(() => {\n loadDailyQuote();\n loadCategories();\n loadHistory();\n }, []);\n\n const loadDailyQuote = async () => {\n try {\n setIsLoading(true);\n setError(null);\n \n const response = await fetch(\"/api/quotes/daily\");\n const data = await response.json();\n \n if (data.success) {\n setCurrentQuote(data.quote);\n } else {\n setError(data.error || \"Failed to load quote\");\n }\n } catch (err) {\n setError(\"Failed to connect to server\");\n console.error(\"Error loading daily quote:\", err);\n } finally {\n setIsLoading(false);\n }\n };\n\n const loadCategories = async () => {\n try {\n const response = await fetch(\"/api/quotes/categories\");\n const data = await response.json();\n setAvailableCategories(data.categories || []);\n } catch (err) {\n console.error(\"Error loading categories:\", err);\n }\n };\n\n const loadHistory = async () => {\n try {\n const response = await fetch(\"/api/quotes/history\");\n const data: QuoteHistory = await response.json();\n setHistory(data.quotes || []);\n } catch (err) {\n console.error(\"Error loading history:\", err);\n }\n };\n\n const generateCustomQuote = async () => {\n try {\n setIsLoading(true);\n setError(null);\n \n const requestBody: any = {};\n if (selectedCategory) requestBody.category = selectedCategory;\n if (customTheme.trim()) requestBody.theme = customTheme.trim();\n \n const response = await fetch(\"/api/quotes/generate\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(requestBody),\n });\n \n const data = await response.json();\n \n if (data.success) {\n setCurrentQuote(data.quote);\n // Refresh history to include new quote\n setTimeout(loadHistory, 500);\n } else {\n setError(data.error || \"Failed to generate quote\");\n }\n } catch (err) {\n setError(\"Failed to generate custom quote\");\n console.error(\"Error generating custom quote:\", err);\n } finally {\n setIsLoading(false);\n }\n };\n\n const handleQuoteSelect = (quote: Quote) => {\n setCurrentQuote(quote);\n setShowHistory(false);\n };\n\n return (\n

\n {/* Header */}\n

Daily Quotes

Wisdom inspired by bestselling books

\n setShowHistory(!showHistory)}\n className=\"inline-flex items-center px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition-colors duration-200\"\n >\n \n {showHistory ? \"Hide History\" : \"View History\"}\n \n

\n\n

\n {/* Error Message */}\n {error && (\n

{error}

\n \n Try again\n \n

\n )}\n\n {/* Custom Quote Generator */}\n

Generate Custom Quote

\n \n

\n \n Category (optional)\n \n setSelectedCategory(e.target.value as BookCategory | \"\")}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n >\n \n {availableCategories.map((category) => (\n \n ))}\n \n

\n \n

\n \n Custom Theme (optional)\n \n setCustomTheme(e.target.value)}\n placeholder=\"e.g., overcoming fear, finding purpose...\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n />\n

\n \n \n \n Generate Quote\n \n

\n\n {/* Main Content */}\n {showHistory ? (\n /* Quote History */\n

Quote History

\n {history.length === 0 ? (\n

No quotes in history yet.

\n \n Load today's quote\n \n

\n ) : (\n

\n {history.map((quote) => (\n handleQuoteSelect(quote)}\n className=\"bg-white rounded-lg shadow-sm p-4 border border-gray-100 cursor-pointer hover:shadow-md transition-shadow duration-200\"\n >\n

\"{quote.text}\"

\n {quote.category.replace('-', ' ')} • {quote.theme}\n {new Date(quote.date).toLocaleDateString()}\n

\n ))}\n

\n )}\n

\n ) : (\n /* Current Quote */\n

\n {currentQuote?.date && new Date(currentQuote.date).toDateString() === new Date().toDateString() \n ? \"Today's Quote\" \n : \"Quote\"}\n

\n \n Load Today's Quote\n \n

\n \n {currentQuote ? (\n \n ) : (\n \n )}\n

\n )}\n \n\n {/* Footer */}\n \n \n );\n}",[],[206,213,219],{"_106":227,"_98":228,"_151":229,"_153":214,"_154":138,"_155":208,"_157":158,"_108":230,"_103":31,"_160":179,"_162":231,"_163":27,"_164":-5,"_165":232,"_101":233},"83fb8dc0-3fb0-11f0-bc38-76b3cceeab13","QuoteCard.tsx","83fb8e88-3fb0-11f0-bc38-76b3cceeab13",["D",1748868780949],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { Quote } from \"../../shared/types.ts\";\n\ninterface QuoteCardProps {\n quote: Quote;\n onShare?: () => void;\n onNewQuote?: () => void;\n isLoading?: boolean;\n}\n\nexport default function QuoteCard({ quote, onShare, onNewQuote, isLoading }: QuoteCardProps) {\n const handleShare = async () => {\n const shareText = `\"${quote.text}\" - ${quote.author}`;\n \n if (navigator.share) {\n try {\n await navigator.share({\n title: \"Daily Quote\",\n text: shareText,\n url: window.location.href,\n });\n } catch (err) {\n // Fallback to clipboard\n await navigator.clipboard.writeText(shareText);\n alert(\"Quote copied to clipboard!\");\n }\n } else {\n // Fallback to clipboard\n try {\n await navigator.clipboard.writeText(shareText);\n alert(\"Quote copied to clipboard!\");\n } catch (err) {\n console.error(\"Failed to copy to clipboard:\", err);\n }\n }\n \n onShare?.();\n };\n\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleDateString(\"en-US\", {\n weekday: \"long\",\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\",\n });\n };\n\n const getCategoryColor = (category: string) => {\n const colors = {\n \"self-help\": \"bg-blue-100 text-blue-800\",\n \"business\": \"bg-green-100 text-green-800\", \n \"philosophy\": \"bg-purple-100 text-purple-800\",\n \"fiction\": \"bg-pink-100 text-pink-800\",\n \"biography\": \"bg-yellow-100 text-yellow-800\",\n \"science\": \"bg-indigo-100 text-indigo-800\",\n \"history\": \"bg-red-100 text-red-800\",\n };\n return colors[category as keyof typeof colors] || \"bg-gray-100 text-gray-800\";\n };\n\n if (isLoading) {\n return (\n

\n );\n }\n\n return (\n

\n {/* Category Badge */}\n

\n \n {quote.category.charAt(0).toUpperCase() + quote.category.slice(1).replace('-', ' ')}\n \n

\n\n {/* Quote Text */}\n

\n \"{quote.text}\"\n

\n\n {/* Attribution and Theme */}\n

— {quote.author}

Theme: {quote.theme}

\n\n {/* Date */}\n

{formatDate(quote.date)}

\n\n {/* Action Buttons */}\n

\n \n \n Share\n \n \n {onNewQuote && (\n \n \n New Quote\n \n )}\n

\n );\n}",[],[206,213,228],[206,213],[206],{"_106":237,"_98":102,"_151":238,"_153":-5,"_154":138,"_155":239,"_157":158,"_108":240,"_103":31,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":241,"_101":251},"6116ca0e-3fb0-11f0-bfe2-76b3cceeab13","b6d0b376-50ca-4749-a90f-fe2f1817b89b",3,["D",1748868722406],[242],{"_106":243,"_98":244,"_151":245,"_153":238,"_154":138,"_155":246,"_157":158,"_108":247,"_103":199,"_160":179,"_162":248,"_163":27,"_164":-5,"_165":249,"_101":250},"64906672-3fb5-11f0-963f-76b3cceeab13","types.ts","6116bfb4-3fb0-11f0-bfe2-76b3cceeab13",10,["D",1748870875718],"export interface Quote {\n id: string;\n text: string;\n theme: string;\n category: BookCategory;\n date: string;\n author?: string; // AI-generated attribution style\n hashtags?: LinkedInHashtags;\n}\n\nexport type BookCategory = \n | \"self-help\"\n | \"business\"\n | \"philosophy\" \n | \"fiction\"\n | \"biography\"\n | \"science\"\n | \"history\";\n\nexport interface QuoteRequest {\n category?: BookCategory;\n theme?: string;\n}\n\nexport interface QuoteResponse {\n quote: Quote;\n success: boolean;\n error?: string;\n}\n\nexport interface QuoteHistory {\n quotes: Quote[];\n lastUpdated: string;\n}\n\nexport interface LinkedInHashtags {\n primary: string[]; // Main topic hashtags (3-5)\n trending: string[]; // Trending/popular hashtags (2-3)\n niche: string[]; // Specific niche hashtags (2-4)\n engagement: string[]; // High-engagement hashtags (2-3)\n branded: string[]; // Personal/brand hashtags (1-2)\n total: number; // Total hashtag count\n seoScore: number; // SEO effectiveness score (1-100)\n}\n\nexport interface HashtagRequest {\n content: string;\n category?: BookCategory;\n theme?: string;\n targetAudience?: 'professionals' | 'entrepreneurs' | 'general' | 'students';\n industry?: string;\n}\n\nexport interface HashtagResponse {\n hashtags: LinkedInHashtags;\n formattedPost: string; // Complete LinkedIn post with hashtags\n success: boolean;\n error?: string;\n}",[],[102,244],[102],{"_106":253,"_98":254,"_151":255,"_153":-5,"_154":138,"_155":256,"_157":158,"_108":257,"_103":258,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":259,"_101":267},"91a0ce30-3fb6-11f0-b7e4-76b3cceeab13","untitled-folder-6926","90350048-3fb6-11f0-a0d4-76b3cceeab13",19,["D",1748871380824],1,[260],{"_106":261,"_98":262,"_151":263,"_153":255,"_154":138,"_155":137,"_157":158,"_108":264,"_103":31,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":265,"_101":266},"928f9fe2-3fb6-11f0-a0d4-76b3cceeab13","untitled-folder-6635","928fa0b4-3fb6-11f0-a0d4-76b3cceeab13",["D",1748871382391],[],[254,262],[254],{"_106":269,"_98":270,"_151":271,"_153":-5,"_154":138,"_155":199,"_157":158,"_108":272,"_103":31,"_160":273,"_162":274,"_163":27,"_164":-5,"_165":275,"_101":276},"5e030d6e-3fb0-11f0-9450-76b3cceeab13","README.md","5e030e36-3fb0-11f0-9450-76b3cceeab13",["D",1748868717248],"file","# Daily Quotes App\n\nA web application that generates daily inspirational quotes inspired by themes from bestselling books.\n\n## Features\n\n- Daily quote generation using AI\n- Quotes inspired by themes from popular book genres\n- Clean, responsive design\n- Quote sharing functionality\n- Quote history\n\n## Project Structure\n\n```\n├── backend/\n│ ├── index.ts # Main Hono server\n│ └── routes/\n│ └── quotes.ts # Quote generation logic\n├── frontend/\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # React frontend\n│ └── components/\n│ ├── App.tsx # Main app component\n│ └── QuoteCard.tsx # Quote display component\n└── shared/\n └── types.ts # Shared TypeScript types\n```\n\n## Tech Stack\n\n- Backend: Hono (TypeScript)\n- Frontend: React with TypeScript\n- AI: OpenAI GPT for quote generation\n- Storage: Val Town Blob for quote history\n- Styling: TailwindCSS\n\n## Usage\n\nThe app generates original quotes inspired by themes from bestselling book categories like:\n- Self-help and personal development\n- Business and leadership\n- Philosophy and wisdom\n- Fiction themes (love, adventure, courage)\n- Biographies and memoirs\n\nAll quotes are AI-generated and original, not reproduced from copyrighted works.",[],[270],{"_106":278,"_98":279,"_151":280,"_153":-5,"_154":138,"_155":258,"_157":158,"_108":281,"_103":31,"_160":179,"_162":71,"_163":27,"_164":-5,"_165":282,"_101":283},"a77e48b6-3fae-11f0-83ab-76b3cceeab13","main.tsx","a77e496a-3fae-11f0-83ab-76b3cceeab13",["D",1748867981535],[],[279],{"_106":285,"_98":286,"_151":287,"_153":-5,"_154":138,"_155":288,"_157":158,"_108":289,"_103":31,"_160":179,"_162":71,"_163":27,"_164":-5,"_165":290,"_101":291},"45590f4c-3fb1-11f0-a3b3-76b3cceeab13","new-file-6121.tsx","45591014-3fb1-11f0-a3b3-76b3cceeab13",8,["D",1748869105365],[],[286],"files",[148,167,173,183,193,204,211,217,226,236,242,252,260,268,277,284],"counts",{"_296":31,"_297":258,"_298":31,"_299":31},"pulls","branches","forks","envVars","contents",[302],{"_106":243,"_98":244,"_151":245,"_153":238,"_154":138,"_155":246,"_157":158,"_108":303,"_103":199,"_160":179,"_162":248,"_163":27,"_164":-5,"_101":304},["D",1748870875718],[102,244],{"_106":237,"_98":102,"_151":238,"_153":-5,"_154":138,"_155":239,"_157":158,"_108":306,"_103":31,"_160":161,"_162":-5,"_163":27,"_164":-5,"_101":307},["D",1748868722406],[102],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.code.$",{"_96":97,"_98":99,"_100":42,"_103":-7,"_101":102,"_104":314,"_146":318,"_292":367,"_273":368,"_300":370,"_373":-5,"_374":27,"_375":-5,"_376":-5,"_377":-5,"_378":379},{"_106":107,"_98":99,"_108":315,"_110":-5,"_111":27,"_112":113,"_114":115,"_116":-5,"_12":117,"_118":-5,"_119":27,"_120":-5,"_121":31,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_131":27,"_21":316,"_135":317},["D",1748867981524],{"_96":97,"_133":134},{"_103":137,"_98":42,"_106":138,"_139":107,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":99,"_145":97},[319,334,346,352,358,361,364],{"_106":149,"_98":150,"_151":152,"_153":-5,"_154":138,"_155":156,"_157":158,"_108":159,"_103":31,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":320,"_101":333},[321,330],{"_106":168,"_98":169,"_151":170,"_153":152,"_154":138,"_155":156,"_157":158,"_108":171,"_103":31,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":322,"_101":329},[323,326],{"_106":174,"_98":175,"_151":176,"_153":170,"_154":138,"_155":177,"_157":158,"_108":178,"_103":31,"_160":179,"_162":180,"_163":27,"_164":-5,"_165":324,"_101":325},[],[150,169,175],{"_106":184,"_98":185,"_151":186,"_153":170,"_154":138,"_155":187,"_157":158,"_108":188,"_103":156,"_160":179,"_162":189,"_163":27,"_164":-5,"_165":327,"_101":328},[],[150,169,185],[150,169],{"_106":194,"_98":195,"_151":196,"_153":152,"_154":138,"_155":197,"_157":158,"_108":198,"_103":199,"_160":179,"_162":200,"_163":27,"_164":-5,"_165":331,"_101":332},[],[150,195],[150],{"_106":205,"_98":206,"_151":207,"_153":-5,"_154":138,"_155":208,"_157":158,"_108":209,"_103":31,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":335,"_101":345},[336],{"_106":212,"_98":213,"_151":214,"_153":207,"_154":138,"_155":208,"_157":158,"_108":215,"_103":31,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":337,"_101":344},[338,341],{"_106":218,"_98":219,"_151":220,"_153":214,"_154":138,"_155":221,"_157":158,"_108":222,"_103":31,"_160":179,"_162":223,"_163":27,"_164":-5,"_165":339,"_101":340},[],[206,213,219],{"_106":227,"_98":228,"_151":229,"_153":214,"_154":138,"_155":208,"_157":158,"_108":230,"_103":31,"_160":179,"_162":231,"_163":27,"_164":-5,"_165":342,"_101":343},[],[206,213,228],[206,213],[206],{"_106":237,"_98":102,"_151":238,"_153":-5,"_154":138,"_155":239,"_157":158,"_108":240,"_103":31,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":347,"_101":351},[348],{"_106":243,"_98":244,"_151":245,"_153":238,"_154":138,"_155":246,"_157":158,"_108":247,"_103":199,"_160":179,"_162":248,"_163":27,"_164":-5,"_165":349,"_101":350},[],[102,244],[102],{"_106":253,"_98":254,"_151":255,"_153":-5,"_154":138,"_155":256,"_157":158,"_108":257,"_103":258,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":353,"_101":357},[354],{"_106":261,"_98":262,"_151":263,"_153":255,"_154":138,"_155":137,"_157":158,"_108":264,"_103":31,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":355,"_101":356},[],[254,262],[254],{"_106":269,"_98":270,"_151":271,"_153":-5,"_154":138,"_155":199,"_157":158,"_108":272,"_103":31,"_160":273,"_162":274,"_163":27,"_164":-5,"_165":359,"_101":360},[],[270],{"_106":278,"_98":279,"_151":280,"_153":-5,"_154":138,"_155":258,"_157":158,"_108":281,"_103":31,"_160":179,"_162":71,"_163":27,"_164":-5,"_165":362,"_101":363},[],[279],{"_106":285,"_98":286,"_151":287,"_153":-5,"_154":138,"_155":288,"_157":158,"_108":289,"_103":31,"_160":179,"_162":71,"_163":27,"_164":-5,"_165":365,"_101":366},[],[286],[319,321,323,326,330,334,336,338,341,346,348,352,354,358,361,364],{"_106":237,"_98":102,"_151":238,"_153":-5,"_154":138,"_155":239,"_157":158,"_108":306,"_103":31,"_160":161,"_162":-5,"_163":27,"_164":-5,"_101":369},[102],[371],{"_106":243,"_98":244,"_151":245,"_153":238,"_154":138,"_155":246,"_157":158,"_108":303,"_103":199,"_160":179,"_162":248,"_163":27,"_164":-5,"_101":372},[102,244],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"routes/_app","actionData","errors"]